Palette

Spicy Curry Bazaar

A rich and aromatic palette inspired by the warm, exotic spices of a bustling market.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spicy Curry 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 Spicy Curry Bazaar.

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

Data visualization

#FADDAE#F0BE5E#E69C2F#D97B00#BC5F00

Palette guide

How to use Spicy Curry Bazaar

Overview

The Spicy Curry Bazaar palette (ID: spicy-curry-bazaar) offers a rich, aromatic journey through warm, exotic spice tones, perfect for vibrant and energetic designs. This collection progresses from a soft, inviting cream FADDAE to a bright F0BE5E, deepening into the robust E69C2F and the intense D97B00. It culminates with a powerful, deep orange BC5F00. Designers can use this harmonious gradient of warmth to create engaging, food-related, or cultural brand experiences. Developers will find these hex codes ideal for crafting dynamic user interfaces that evoke a sense of richness and excitement.

Best used for

Gourmet food blogs or cooking websites
Spice blend packaging and branding
Ethnic restaurant menus and branding
Travel and cultural experience promotions
E-commerce sites for unique ingredients or artisan products
Visual content requiring a warm, inviting, and appetizing feel

Suggested color roles

primary

BC5F00 – A deep, rich orange, excellent for strong calls-to-action, main headings, or brand elements that need to convey energy and warmth.

secondary

D97B00 – A vibrant, slightly lighter orange, suitable for secondary navigation, important information, or graphic elements that pop.

accent

E69C2F – A warm, golden orange, perfect for highlights, interactive elements, or subtle decorative details that add sparkle.

background

FADDAE – A soft, creamy beige that provides an airy and inviting backdrop, allowing the deeper oranges to truly shine.

text

BC5F00 or a very dark brown/charcoal for optimal readability against FADDAE or F0BE5E.

Accessibility notes

BC5F00 and D97B00 offer good contrast for text against the lightest color FADDAE.
The mid-tones like F0BE5E and E69C2F will require careful contrast checking when used for text, especially against FADDAE.
Avoid using FADDAE for text on backgrounds that are not significantly darker; it's best suited as a background itself.
Ensure all text and interactive elements meet WCAG contrast guidelines, particularly for smaller font sizes.

Recommended combinations

Market Glow

Striking hero sections, product feature displays, or engaging call-to-action blocks.

#BC5F00 · #E69C2F · #FADDAE

Spice Blend

Layered backgrounds, UI elements that need depth, or vibrant infographic components.

#D97B00 · #F0BE5E · #BC5F00

Warm Horizon

Soft, inviting backgrounds with prominent text, or subtle gradient transitions.

#FADDAE · #E69C2F · #D97B00

CSS variables

:root {
  --spicy-curry-bazaar-1: #FADDAE;
  --spicy-curry-bazaar-2: #F0BE5E;
  --spicy-curry-bazaar-3: #E69C2F;
  --spicy-curry-bazaar-4: #D97B00;
  --spicy-curry-bazaar-5: #BC5F00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spicy-curry-bazaar": {
        1: "#FADDAE",
        2: "#F0BE5E",
        3: "#E69C2F",
        4: "#D97B00",
        5: "#BC5F00",
      }
    }
  }
}

Hex values

Color 1#FADDAE

Color 2#F0BE5E

Color 3#E69C2F

Color 4#D97B00

Color 5#BC5F00

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

2.4:1Fail

3.4:1AA18

1.3:1Fail

1.8:1Fail

2.6:1Fail

1.7:1Fail

1.3:1Fail

1.4:1Fail

1.9:1Fail

2.4:1Fail

1.8:1Fail

1.4:1Fail

3.4:1AA18

2.6:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Spicy Curry Bazaar

Spicy Curry Bazaar

See it in context.

Ready when you are.

Built with Spicy Curry Bazaar.

How to use Spicy Curry Bazaar

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Market Glow

Spice Blend

Warm Horizon

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Spicy Curry Bazaar