Palette

Exotic Bazaar Spice

A fiery blend of reds, oranges, and yellows, bursting with the vivid energy of a bustling spice bazaar.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CB3D2C#F48E0D#FAD63D#AF1E2D#7E0D1C

Palette guide

How to use Exotic Bazaar Spice

Overview

The "Exotic Bazaar Spice" palette (ID: exotic-bazaar-spice) is a fiery blend of reds, oranges, and yellows, bursting with the vivid energy of a bustling spice bazaar. This vibrant collection includes a bold chili red #CB3D2C, a bright marigold orange #F48E0D, a sunny saffron yellow #FAD63D, a deep crimson #AF1E2D, and a rich mahogany red #7E0D1C. These intense hues are perfect for designs that aim to be energetic, passionate, and culturally rich. Developers and designers can leverage this palette to create captivating, warm, and memorable visual experiences.

Best used for

Food and culinary branding (especially spicy cuisine)
Cultural festivals and events promotion
Travel agencies focusing on exotic destinations
Vibrant retail and e-commerce websites
Artistic and expressive digital illustrations
Restaurant menus and interior accents

Suggested color roles

primary

#CB3D2C (Chili Red) – Use for high-impact calls-to-action, important alerts, or to establish a bold, passionate presence.

secondary

#F48E0D (Marigold Orange) – Ideal for secondary calls-to-action, key highlights, or to add warmth and vibrancy.

accent

#FAD63D (Saffron Yellow) – Employ for interactive elements, small details, or to provide a bright, energetic pop.

background

A neutral light cream or off-white to allow the vibrant colors to truly shine. For a dramatic look, #7E0D1C can serve as a deep background with white text.

text

Dark charcoal or black for optimal readability on light backgrounds. Pure white text works exceptionally well on #CB3D2C, #F48E0D, #AF1E2D, and #7E0D1C.

Accessibility notes

Ensure high contrast for text on backgrounds. White text is strongly recommended for all darker and vibrant colors in this palette.
Avoid using #FAD63D (yellow) as text on white or very light backgrounds, as it will have poor contrast.
Be mindful of colorblind users when using combinations like red and green, though this palette focuses more on warm tones.
Test all color pairings with a contrast checker to meet WCAG standards, particularly for smaller text and interactive elements.

Recommended combinations

Fiery Market

Creates an incredibly warm, energetic, and inviting atmosphere, perfect for food-related branding.

#CB3D2C · #F48E0D · #FAD63D

Deep Spice

Provides a rich, sophisticated depth with a vibrant highlight, suitable for elegant branding or large headers.

#7E0D1C · #AF1E2D · #F48E0D

Golden Sunset

Excellent for design elements that need to be highly visible and convey a lively, celebratory mood.

#FAD63D · #CB3D2C · #F48E0D

CSS variables

:root {
  --exotic-bazaar-spice-1: #CB3D2C;
  --exotic-bazaar-spice-2: #F48E0D;
  --exotic-bazaar-spice-3: #FAD63D;
  --exotic-bazaar-spice-4: #AF1E2D;
  --exotic-bazaar-spice-5: #7E0D1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "exotic-bazaar-spice": {
        1: "#CB3D2C",
        2: "#F48E0D",
        3: "#FAD63D",
        4: "#AF1E2D",
        5: "#7E0D1C",
      }
    }
  }
}

Hex values

Color 1#CB3D2C

Color 2#F48E0D

Color 3#FAD63D

Color 4#AF1E2D

Color 5#7E0D1C

Accessibility

Contrast checker

2.1:1Fail

3.5:1AA18

1.4:1Fail

2.2:1Fail

2.1:1Fail

1.7:1Fail

2.9:1Fail

4.4:1AA18

3.5:1AA18

1.7:1Fail

4.8:1AA

7.5:1AAA

1.4:1Fail

2.9:1Fail

4.8:1AA

1.6:1Fail

2.2:1Fail

4.4:1AA18

7.5:1AAA

1.6:1Fail

Similar palettes

More like Exotic Bazaar Spice

View all vibrant

Exotic Market Spice

Moroccan Spice

Vibrant Market Spices

Vibrant Spice Bazaar

Bazaar Burst

Market Spice Bloom