Back to palettes

Palette

Vibrant Market Spice

A bold collection mirroring the rich, aromatic colors of an exotic spice bazaar.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vibrant Market Spice reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Vibrant Market Spice.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E76F51#F4A261#E9C46A#2A9D8F#A1572C

Palette guide

How to use Vibrant Market Spice

Overview

The Vibrant Market Spice palette is a bold and aromatic collection, mirroring the rich hues of an exotic spice bazaar. It features a warm terracotta (#E76F51), a soft spicy orange (#F4A261), a mellow golden yellow (#E9C46A), a striking teal (#2A9D8F), and a deep earthy brown (#A1572C). This palette provides designers and developers with a sophisticated yet vibrant set of colors to create designs that evoke warmth, adventure, and global flair. The unique inclusion of teal offers a refreshing contrast to the dominant warm tones, making it perfect for captivating branding, cultural projects, and engaging digital experiences.

Best used for

  • Ethnic restaurant branding and menus
  • Travel agency websites and brochures
  • Artisanal food and spice packaging
  • Home decor accents and textile patterns
  • Cultural festival promotions
  • E-commerce platforms for unique global products

Suggested color roles

primary

Utilize #E76F51 (Terracotta) as a primary brand color, conveying warmth, authenticity, and a touch of exoticism.

secondary

Employ #F4A261 (Spicy Orange) for supporting content areas, subheadings, or as a softer, inviting background.

accent

Apply #2A9D8F (Teal) for impactful highlights, calls-to-action, or decorative elements to introduce a refreshing, modern contrast.

background

Use #E9C46A (Golden Yellow) for light, inviting backgrounds that provide a warm canvas for darker text and vibrant accents.

text

For light backgrounds like #E9C46A, #A1572C (Earthy Brown) or a deep charcoal offers excellent readability. For dark backgrounds, white or #E9C46A works well.

Accessibility notes

  • Ensure sufficient contrast for text on #E9C46A (Golden Yellow); dark text is essential for readability.
  • Avoid using #F4A261 (Spicy Orange) for small body text on similarly warm backgrounds without careful contrast checking.
  • The deep #A1572C (Earthy Brown) provides excellent contrast for lighter text and can be used for critical information.
  • Test combinations involving #2A9D8F (Teal) for text against warm backgrounds to ensure WCAG compliance.

Recommended combinations

Exotic Contrast

A dynamic combination that pairs warm spice with a cool teal, ideal for bold branding and impactful visuals.

#E76F51 · #E9C46A · #2A9D8F

Earthy Spice Blend

Creates a harmonious, grounded feel, perfect for showcasing natural products or traditional crafts.

#F4A261 · #A1572C · #E9C46A

Vibrant Market

Offers a lively and inviting look with a teal anchor, balanced by warm oranges for an energetic design.

#2A9D8F · #E76F51 · #F4A261

CSS variables

:root {
  --vibrant-market-spice-2-1: #E76F51;
  --vibrant-market-spice-2-2: #F4A261;
  --vibrant-market-spice-2-3: #E9C46A;
  --vibrant-market-spice-2-4: #2A9D8F;
  --vibrant-market-spice-2-5: #A1572C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vibrant-market-spice-2": {
        1: "#E76F51",
        2: "#F4A261",
        3: "#E9C46A",
        4: "#2A9D8F",
        5: "#A1572C",
      }
    }
  }
}

Related searches

exotic spice colorswarm teal color palettemarket inspired designglobal cuisine brandingvibrant earthy tones

Palette colors

Hex values

Color 1#E76F51
·
Color 2#F4A261
·
Color 3#E9C46A
·
Color 4#2A9D8F
·
Color 5#A1572C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
1.1:1Fail
1.7:1Fail
2
1.5:1Fail
1.2:1Fail
1.6:1Fail
2.6:1Fail
3
1.9:1Fail
1.2:1Fail
2:1Fail
3.2:1AA18
4
1.1:1Fail
1.6:1Fail
2:1Fail
1.6:1Fail
5
1.7:1Fail
2.6:1Fail
3.2:1AA18
1.6:1Fail

Similar palettes

More like Vibrant Market Spice

View all vibrant
Spiced Market Cascade
Bazaar Burst
Exotic Bazaar Spice
Exotic Market Spice
Moroccan Souk Bazaar
Moroccan Spice