Back to palettes

Palette

Spice Market Dust

Rich, aromatic hues reminiscent of a bustling spice market, filled with earthy warmth and exotic flavors.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#D2B48C#B5651D#A0522D

Palette guide

How to use Spice Market Dust

Overview

The Spice Market Dust palette is a rich and aromatic collection of earthy browns, warm tans, and a soft beige, reminiscent of a bustling spice market filled with rustic warmth. It features the deep, grounding #8B4513, the robust #A0522D, the inviting #B5651D, the warm #CD853F, and the delicate #D2B48C. This collection provides designers and developers with an authentic and engaging aesthetic, ideal for projects that aim to convey natural beauty, tradition, and a sense of rustic charm. It's particularly effective for creating designs that feel both established and inviting, perfect for a wide range of natural and artisanal applications.

Best used for

  • Rustic home decor websites
  • Organic product lines and packaging
  • Natural cosmetics branding
  • Heritage brand storytelling
  • Artisanal food packaging
  • Wellness and retreat marketing

Suggested color roles

primary

Utilize #8B4513 as a deep, stable primary for backgrounds or main structural elements, conveying richness and heritage.

secondary

Employ #A0522D for secondary content areas, navigation, or larger text blocks, adding warmth and depth.

accent

Apply #D2B48C sparingly for highlights, icons, or interactive elements, providing a soft, inviting glow.

background

The deep #8B4513 or #A0522D offers a rich, warm background, while #D2B48C can be used for brighter, energetic sections.

text

For dark backgrounds, #D2B48C ensures excellent readability. On lighter backgrounds, a deep charcoal or #8B4513 works well for body text.

Accessibility notes

  • Ensure sufficient contrast for text on backgrounds, especially with #CD853F or #B5651D.
  • Avoid using #D2B48C as text on #CD853F or #B5651D, as contrast will be too low for readability.
  • The darkest colors, #8B4513 and #A0522D, provide good contrast for lighter text like #D2B48C.
  • For headings, #B5651D can be used on #8B4513 if the text is large enough and contrast is checked.

Recommended combinations

Earthy Dust

Ideal for a compelling header or hero image, combining deep brown with a soft beige and rich sienna accent.

#8B4513 · #D2B48C · #A0522D

Warm Spice

Excellent for content blocks or product showcases, offering a vibrant yet grounded presentation with warm tones.

#A0522D · #CD853F · #8B4513

Desert Tan

Perfect for accents or call-to-action elements, leveraging the contrast between light and deep traditional tones.

#D2B48C · #B5651D · #8B4513

CSS variables

:root {
  --spice-market-dust-1: #8B4513;
  --spice-market-dust-2: #CD853F;
  --spice-market-dust-3: #D2B48C;
  --spice-market-dust-4: #B5651D;
  --spice-market-dust-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-market-dust": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#B5651D",
        5: "#A0522D",
      }
    }
  }
}

Related searches

earthy spice marketrustic brown palettewarm natural tonesdesert sand colorsorganic earthy scheme

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#B5651D
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
1.6:1Fail
1.3:1Fail
2
2.4:1Fail
1.5:1Fail
1.4:1Fail
1.9:1Fail
3
3.6:1AA18
1.5:1Fail
2.2:1Fail
2.8:1Fail
4
1.6:1Fail
1.4:1Fail
2.2:1Fail
1.3:1Fail
5
1.3:1Fail
1.9:1Fail
2.8:1Fail
1.3:1Fail

Similar palettes

More like Spice Market Dust

View all warm