Back to palettes

Palette

Vibrant Market Spice

A lively collection of warm, exotic spices from a bustling global marketplace.

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#D90429

Palette guide

How to use Vibrant Market Spice

Overview

The Vibrant Market Spice palette is a lively collection of warm, exotic spices from a bustling global marketplace. It features a rich terracotta (#E76F51), a warm golden orange (#F4A261), a mellow golden yellow (#E9C46A), a unique teal (#2A9D8F), and a bold, fiery red (#D90429). This palette is excellent for designers and developers looking to inject energy, cultural richness, and warmth into their projects. The striking contrast between the vibrant red and the cooler teal, alongside the comforting spice tones, creates a versatile and engaging visual experience suitable for branding, digital interfaces, and marketing materials.

Best used for

  • International cuisine and food product branding
  • Travel and cultural experience marketing
  • Dynamic website headers and banners
  • Festival and event promotions
  • Art and craft fairs with global themes
  • Vibrant home decor and textile designs

Suggested color roles

primary

Use #E76F51 (Terracotta) as a warm, inviting foundation for primary sections or brand messaging.

secondary

Employ #F4A261 (Golden Orange) for softer content blocks, subheadings, or to create a welcoming atmosphere.

accent

Apply #D90429 (Fiery Red) for powerful calls-to-action, urgent notifications, or to inject maximum energy and passion.

background

Utilize #E9C46A (Golden Yellow) for light, airy backgrounds that allow other vibrant colors and dark text to pop effectively.

text

For light backgrounds, a deep charcoal or #2A9D8F (Teal) provides excellent readability. For dark backgrounds, white or #E9C46A works well for text.

Accessibility notes

  • Ensure sufficient contrast for text on #E9C46A (Golden Yellow); dark text is highly recommended for readability.
  • Avoid using #D90429 (Fiery Red) for small body text, especially on busy or similarly warm backgrounds.
  • The #2A9D8F (Teal) offers good contrast against the warm oranges and yellow, making it suitable for headings or key information.
  • Always verify color combinations with accessibility checkers to meet WCAG contrast guidelines for all elements.

Recommended combinations

Fiery Market Blend

Creates an intensely warm and energetic feel, perfect for high-impact headlines or promotional materials.

#E76F51 · #E9C46A · #D90429

Spicy Teal Mix

Offers a refreshing contrast with a cool teal against warm oranges, ideal for modern and engaging designs.

#F4A261 · #2A9D8F · #E76F51

Bold & Warm

A striking combination with a vibrant red anchor, softened by golden tones, great for captivating visual elements.

#D90429 · #E9C46A · #F4A261

CSS variables

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

Tailwind config

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

Related searches

vibrant spice paletteexotic food colorsred orange teal schememarket bazaar designwarm ethnic branding

Palette colors

Hex values

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

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.5:1Fail
3
1.9:1Fail
1.2:1Fail
2:1Fail
3.1:1AA18
4
1.1:1Fail
1.6:1Fail
2:1Fail
1.6:1Fail
5
1.7:1Fail
2.5:1Fail
3.1:1AA18
1.6:1Fail

Similar palettes

More like Vibrant Market Spice

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