Palette

Market Spice Bloom

Fiery oranges and reds reminiscent of a bustling spice market filled with aromatic treasures.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF8C00#B22222#FFD700#D2691E#FF4500

Palette guide

How to use Market Spice Bloom

Overview

The Market Spice Bloom palette is a vibrant explosion of warm, energetic hues, perfect for projects demanding attention and excitement. Dominated by fiery oranges like #FF8C00 and #FF4500, alongside a rich, deep red #B22222 and a brilliant gold #FFD700, this palette evokes the bustling energy of an exotic marketplace. The earthy tone of #D2691E provides a grounding element. Designers can utilize this scheme for dynamic branding, engaging digital interfaces, or compelling marketing materials that aim to convey warmth, passion, and a sense of adventure. It’s an excellent choice for creating impactful, memorable visual experiences.

Best used for

Food & beverage branding (spices, hot sauces)
Event promotions (festivals, cultural events)
Travel blogs or websites focusing on exotic destinations
Retail displays for artisan goods
Restaurant menus & decor
High-energy digital campaigns

Suggested color roles

primary

Use the bold, true orange #FF8C00 for dominant elements, headers, or large content blocks to establish an energetic base.

secondary

The rich, deep red #B22222 works well for secondary call-to-actions, important alerts, or complementary sections, adding intensity.

accent

The bright gold #FFD700 is ideal for highlighting key information, icons, or interactive elements, providing a luminous contrast.

background

A muted orange-brown like #D2691E can serve as a warm, inviting background for content areas, ensuring readability.

text

On lighter backgrounds, a deep charcoal or black is suitable. For dark backgrounds, #FFD700 or near-white offers excellent contrast.

Accessibility notes

#FFD700 text on #FF8C00 or #D2691E may not meet contrast standards; use darker text.
#B22222 offers good contrast for text on lighter backgrounds like #D2691E.
Ensure sufficient contrast for all text elements, especially with the vibrant oranges.
Avoid small text in #FFD700 on other warm, bright colors to prevent readability issues.

Recommended combinations

Fiery Burst

Creates a high-impact, energetic combination suitable for urgent calls-to-action or vibrant headlines.

#FF4500 · #B22222 · #FFD700

Market Glow

A warmer, more inviting blend for backgrounds and secondary content, maintaining a lively feel.

#FF8C00 · #D2691E · #FFD700

Spice Route

Excellent for conveying richness and depth in branding or illustrative elements.

#B22222 · #FF8C00 · #D2691E

CSS variables

:root {
  --market-spice-bloom-1: #FF8C00;
  --market-spice-bloom-2: #B22222;
  --market-spice-bloom-3: #FFD700;
  --market-spice-bloom-4: #D2691E;
  --market-spice-bloom-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "market-spice-bloom": {
        1: "#FF8C00",
        2: "#B22222",
        3: "#FFD700",
        4: "#D2691E",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#FF8C00

Color 2#B22222

Color 3#FFD700

Color 4#D2691E

Color 5#FF4500

Accessibility

Contrast checker

2.9:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

2.9:1Fail

4.8:1AA

1.8:1Fail

1.9:1Fail

1.7:1Fail

4.8:1AA

2.6:1Fail

2.5:1Fail

1.6:1Fail

1.8:1Fail

2.6:1Fail

1.1:1Fail

1.5:1Fail

1.9:1Fail

2.5:1Fail

1.1:1Fail

Similar palettes

More like Market Spice Bloom