Back to palettes

Palette

Vibrant Spice Bazaar

A lively explosion of warm, inviting colors, evoking the sensory richness of an bustling spice market.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vibrant Spice Bazaar 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 Spice Bazaar.

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

Data visualization

#E9C46A#F4A261#E76F51#2A9D8F#FFCD5C

Palette guide

How to use Vibrant Spice Bazaar

Overview

The Vibrant Spice Bazaar palette is a lively and inviting blend of warm and exotic hues, reminiscent of a bustling marketplace filled with rich aromas. It features a rich saffron yellow #E9C46A, warm peach orange #F4A261, vibrant coral red #E76F51, refreshing teal #2A9D8F, and a bright golden yellow #FFCD5C. This versatile collection is perfect for designers and developers looking to evoke energy, cultural richness, and a welcoming atmosphere. The unexpected pop of teal adds a unique, sophisticated contrast to the otherwise warm tones, allowing for dynamic and memorable visual compositions across various design applications.

Best used for

  • Cultural or travel-themed websites
  • Artisanal food and craft packaging
  • Bohemian or eclectic interior design
  • E-commerce for unique, handcrafted items
  • Event branding (festivals, markets)
  • Digital illustrations and editorial design

Suggested color roles

primary

Use #E76F51 for impactful calls-to-action or main headings to convey warmth and energy.

secondary

Apply #F4A261 or #E9C46A for supporting content, background elements, or to establish a comforting base.

accent

Integrate #2A9D8F for striking highlights, interactive elements, or to introduce a refreshing, sophisticated contrast.

background

A light cream or off-white provides a clean canvas. #E9C46A can also serve as a soft, warm background.

text

For optimal readability, use a dark brown or charcoal on lighter hues like #E9C46A and #FFCD5C. White text works well on #E76F51 and #2A9D8F.

Accessibility notes

  • Ensure sufficient contrast for text, especially on #E9C46A, #F4A261, and #FFCD5C; darker text is generally required.
  • The teal #2A9D8F offers good contrast for white text, making it a strong option for primary text on dark mode.
  • Avoid pairing #E9C46A and #FFCD5C for small text due to their similar luminosities, which can hinder readability.
  • Test color combinations for readability, particularly for users with color vision deficiencies, as many hues are close.

Recommended combinations

Exotic Warmth

Ideal for creating inviting headers, hero sections, or a warm, engaging background.

#E76F51 · #F4A261 · #E9C46A

Market Contrast

Excellent for highlighting key information, call-to-action buttons, or adding a vibrant, unexpected pop.

#2A9D8F · #FFCD5C · #E76F51

Grounded Accents

Perfect for navigation elements, subtle illustrations, or to introduce a sophisticated, natural balance.

#F4A261 · #E9C46A · #2A9D8F

CSS variables

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

Tailwind config

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

Related searches

spice market color schemeexotic vibrant palettewarm teal color combinationcultural branding colorsenergetic earthy design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
2:1Fail
1.1:1Fail
2
1.2:1Fail
1.5:1Fail
1.6:1Fail
1.4:1Fail
3
1.9:1Fail
1.5:1Fail
1.1:1Fail
2.1:1Fail
4
2:1Fail
1.6:1Fail
1.1:1Fail
2.2:1Fail
5
1.1:1Fail
1.4:1Fail
2.1:1Fail
2.2:1Fail

Similar palettes

More like Vibrant Spice Bazaar

View all vibrant
Bazaar Burst
Souk Spice Journey
Exotic Bazaar Spice
Exotic Market Spice
Market Spice Bloom
Moroccan Souk Bazaar