Palette

Indian Market Spice

A bold and lively palette inspired by the rich colors and aromatic spices of an Indian marketplace.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Indian 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 Indian Market Spice.

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

Data visualization

#FBC02D#FFEB3B#FF9800#F44336#880E4F

Palette guide

How to use Indian Market Spice

Overview

The Indian Market Spice palette is a bold and lively collection, inspired by the rich colors and aromatic spices of an Indian marketplace. Featuring energetic yellows like #FBC02D and #FFEB3B, vibrant orange #FF9800, fiery red #F44336, and the deep, exotic #880E4F, this scheme offers designers and developers an exciting and dynamic foundation. It's ideal for conveying energy, festivity, and cultural richness. Utilize these warm, inviting hues to create designs that feel lively, engaging, and full of character, perfect for projects that aim to capture a vibrant, energetic mood.

Best used for

Food and beverage branding (e.g., spices, ethnic cuisine)
Cultural event and festival branding
Travel blogs and tourism marketing
Children's products and educational materials
Festive decorations and party supplies
Lively digital interfaces and e-commerce sites

Suggested color roles

primary

Use #FF9800 as a dominant, energetic orange for main headings, calls-to-action, or vibrant content blocks.

secondary

Employ #FBC02D for supportive sections, subheadings, or larger areas, providing a bright, inviting yellow.

accent

Apply #F44336 as a bold, spicy red accent for urgent notifications, key highlights, or dynamic graphic elements. #880E4F adds exotic depth.

background

Utilize #FFEB3B for light, vibrant backgrounds, creating a sunny and inviting canvas. A soft cream can also work for text-heavy areas.

text

For dark text, #880E4F provides excellent contrast on lighter backgrounds. A charcoal gray can also be effective for general body text.

Accessibility notes

Ensure #880E4F text on #FBC02D, #FFEB3B, and #FF9800 backgrounds provides sufficient contrast for readability.
Avoid using #FBC02D on #FFEB3B for small or essential text due to their similar lightness, which can hinder readability.
Ensure all interactive elements have clear focus states with high contrast, especially against bright, saturated backgrounds.
When pairing #F44336 with #FF9800, use larger font sizes or ensure significant contrast if used for text.

Recommended combinations

Spicy Warmth

Creates a lively and inviting combination, perfect for banners, headers, or sections that need to feel energetic.

#FF9800 · #F44336 · #FBC02D

Deep Contrast

Ideal for bold statements, call-out boxes, or creating a strong visual hierarchy with a vibrant accent.

#880E4F · #FBC02D · #FF9800

Market Glow

Excellent for bright, energetic backgrounds, layered graphic elements, or a cheerful, inviting user interface.

#FFEB3B · #FBC02D · #FF9800

CSS variables

:root {
  --indian-market-spice-1: #FBC02D;
  --indian-market-spice-2: #FFEB3B;
  --indian-market-spice-3: #FF9800;
  --indian-market-spice-4: #F44336;
  --indian-market-spice-5: #880E4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indian-market-spice": {
        1: "#FBC02D",
        2: "#FFEB3B",
        3: "#FF9800",
        4: "#F44336",
        5: "#880E4F",
      }
    }
  }
}

Hex values

Color 1#FBC02D

Color 2#FFEB3B

Color 3#FF9800

Color 4#F44336

Color 5#880E4F

Accessibility

Contrast checker

1.4:1Fail

1.3:1Fail

2.2:1Fail

5.7:1AA

1.4:1Fail

1.8:1Fail

3:1AA18

7.7:1AAA

1.3:1Fail

1.8:1Fail

1.7:1Fail

4.4:1AA18

2.2:1Fail

3:1AA18

1.7:1Fail

2.6:1Fail

5.7:1AA

7.7:1AAA

4.4:1AA18

2.6:1Fail

Similar palettes

More like Indian Market Spice

Energetic Citrus Punch

Molten Rock Flow