Palette

Spicy Earth Market

A rich blend of deep browns, rustic reds, and fiery oranges, evoking the aromatic vibrancy of an exotic spice market.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spicy Earth Market 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 Earth Market.

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

Data visualization

#964B00#CD5C5C#FF8C00#D2B48C#8B4513

Palette guide

How to use Spicy Earth Market

Overview

The Spicy Earth Market palette offers a rich, aromatic blend of deep browns, rustic reds, and fiery oranges, perfectly evoking the vibrancy of an exotic spice market. It features the robust Dark Orange (#964B00) and SaddleBrown (#8B4513) as grounding elements, beautifully complemented by the rustic IndianRed (#CD5C5C) and the intense DarkOrange (#FF8C00). The soft Tan (#D2B48C) provides a crucial lighter touch, balancing the intensity. This palette is ideal for designers seeking to create warm, inviting, and authentically rich visual experiences. Developers can leverage these harmonious hex codes for dynamic and engaging user interfaces.

Best used for

International food market branding or packaging
Cultural event promotions or travel websites
Gourmet spice and ingredient e-commerce platforms
Restaurant or cafe interiors with an exotic, rustic feel
Artisan craft product branding (e.g., textiles, pottery)
Websites or apps needing a warm, rich, and inviting atmosphere

Suggested color roles

primary

Dark Orange (#964B00) – A deep, commanding brown-orange, excellent for main structural elements, navigation, or strong brand typography.

secondary

SaddleBrown (#8B4513) – A rich, dependable brown, suitable for subheadings, important information, or graphic elements that provide depth.

accent

DarkOrange (#FF8C00) – A brilliant, fiery orange, ideal for highlights, interactive elements, or small calls-to-action that demand attention.

background

Tan (#D2B48C) – A soft, warm beige that provides a gentle, airy backdrop, allowing the richer browns and oranges to pop.

text

Dark Orange (#964B00) or SaddleBrown (#8B4513) for body text on Tan (#D2B48C), ensuring excellent readability.

Accessibility notes

Dark Orange (#964B00) and SaddleBrown (#8B4513) offer good contrast against Tan (#D2B48C) for text.
IndianRed (#CD5C5C) and DarkOrange (#FF8C00) may require larger text sizes or bolder weights to meet WCAG AA contrast for small text on Tan (#D2B48C).
Avoid using Tan (#D2B48C) for text on backgrounds that are not significantly darker; it's best suited as a background itself.
Always verify contrast ratios for all text and interactive elements to ensure accessibility across different contexts.

Recommended combinations

Market Depth

Core branding, website layouts, or packaging with a natural, robust feel.

#964B00 · #8B4513 · #D2B48C

Spiced Glow

Vibrant hero sections, call-to-action buttons, or engaging UI components.

#FF8C00 · #CD5C5C · #D2B48C

Earthy Warmth

Inviting backgrounds with prominent, readable text, or subtle gradient effects.

#D2B48C · #8B4513 · #964B00

CSS variables

:root {
  --spicy-earth-market-1: #964B00;
  --spicy-earth-market-2: #CD5C5C;
  --spicy-earth-market-3: #FF8C00;
  --spicy-earth-market-4: #D2B48C;
  --spicy-earth-market-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spicy-earth-market": {
        1: "#964B00",
        2: "#CD5C5C",
        3: "#FF8C00",
        4: "#D2B48C",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#964B00

Color 2#CD5C5C

Color 3#FF8C00

Color 4#D2B48C

Color 5#8B4513

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

3.2:1AA18

1.1:1Fail

1.6:1Fail

1.7:1Fail

2:1Fail

1.8:1Fail

2.7:1Fail

1.7:1Fail

1.2:1Fail

3:1AA18

3.2:1AA18

2:1Fail

1.2:1Fail

3.6:1AA18

1.1:1Fail

1.8:1Fail

3:1AA18

3.6:1AA18

Similar palettes

More like Spicy Earth Market

Autumn Spiced Orchard

Cinnamon Spiced