Palette

Vibrant Market Spice

A rich tapestry of warm oranges, golden yellows, and earthy browns, evoking an exotic spice bazaar.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A03D00#E06C00#FFB703#D4AC0D#583300

Palette guide

How to use Vibrant Market Spice

Overview

The Vibrant Market Spice palette is a rich tapestry of warm oranges, golden yellows, and earthy browns, perfectly evoking an exotic spice bazaar. This collection includes a deep burnt orange (#A03D00), a vibrant orange (#E06C00), a bright golden yellow (#FFB703), a muted earthy gold (#D4AC0D), and a rich dark brown (#583300). Ideal for designers and developers creating projects that require warmth, authenticity, and a touch of the exotic, this palette offers a sophisticated yet inviting feel. Its natural, food-inspired tones are excellent for culinary brands, artisan products, and designs seeking an organic, grounded aesthetic in both digital and print.

Best used for

Gourmet food and beverage branding
Artisanal product packaging
Rustic cafe and restaurant interiors
Fall-themed marketing campaigns
Traditional craft websites and blogs
Food photography backdrops and styling

Suggested color roles

primary

Utilize #E06C00 (Vibrant Orange) for main headings or key brand elements to convey energy and warmth.

secondary

Employ #A03D00 (Burnt Orange) for supporting content, backgrounds, or to add depth and a grounded feel.

accent

Apply #FFB703 (Golden Yellow) for bright highlights, calls-to-action, or decorative elements to draw attention.

background

Use #D4AC0D (Earthy Gold) for soft, inviting backgrounds that provide a warm canvas for darker text and rich accents.

text

For light backgrounds like #D4AC0D, #583300 (Dark Brown) provides excellent readability. For dark backgrounds, a cream or off-white works well.

Accessibility notes

Ensure strong contrast for text on #FFB703 (Golden Yellow) and #D4AC0D (Earthy Gold); dark text is essential.
Avoid pairing #E06C00 (Vibrant Orange) text with #D4AC0D (Earthy Gold) backgrounds without careful contrast checking.
The deep #583300 (Dark Brown) offers excellent contrast for lighter text and can be used for critical information.
Always test text and background color combinations to meet WCAG contrast guidelines, especially for interactive elements.

Recommended combinations

Deep Spice Blend

A rich and grounded combination, perfect for gourmet food branding or designs with a rustic, authentic feel.

#A03D00 · #FFB703 · #583300

Warm Earth Tones

Creates a harmonious and inviting atmosphere, ideal for natural products or designs evoking warmth and comfort.

#E06C00 · #D4AC0D · #A03D00

Golden Contrast

Offers a striking visual with bright gold against deep brown, accented by vibrant orange for dynamic headings and features.

#FFB703 · #583300 · #E06C00

CSS variables

:root {
  --vibrant-market-spice-1: #A03D00;
  --vibrant-market-spice-2: #E06C00;
  --vibrant-market-spice-3: #FFB703;
  --vibrant-market-spice-4: #D4AC0D;
  --vibrant-market-spice-5: #583300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vibrant-market-spice": {
        1: "#A03D00",
        2: "#E06C00",
        3: "#FFB703",
        4: "#D4AC0D",
        5: "#583300",
      }
    }
  }
}

Hex values

Color 1#A03D00

Color 2#E06C00

Color 3#FFB703

Color 4#D4AC0D

Color 5#583300

Accessibility

Contrast checker

2:1Fail

3.8:1AA18

3.1:1AA18

1.7:1Fail

2:1Fail

1.9:1Fail

1.5:1Fail

3.3:1AA18

3.8:1AA18

1.9:1Fail

1.2:1Fail

6.4:1AA

3.1:1AA18

1.5:1Fail

1.2:1Fail

5.1:1AA

1.7:1Fail

3.3:1AA18

6.4:1AA

5.1:1AA

Similar palettes

More like Vibrant Market Spice

View all vibrant

Saffron Hues

Vibrant Market Spices