Back to palettes

Palette

Ancient Spice Market

Rich, exotic browns and warm neutrals evoke the bustling, aromatic atmosphere of an ancient spice market.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6D9C0#D0B28E#B48D66#9A6844#7E4A28

Palette guide

How to use Ancient Spice Market

Overview

The 'Ancient Spice Market' palette features rich, exotic browns and warm neutrals, evoking the bustling, aromatic atmosphere of an ancient spice market. With shades ranging from the deep #7E4A28 to the light #E6D9C0, and including vibrant mid-tones like #B48D66, this earthy and natural palette is perfect for designers and developers crafting warm, inviting, and culturally rich designs. It provides a grounded yet sophisticated foundation for conveying heritage, exoticism, and the sensory experience of a bustling marketplace in various digital and physical applications, from gourmet food branding to cultural events.

Best used for

  • Gourmet food and beverage brands
  • Exotic travel agencies
  • Artisanal product packaging
  • Rustic cafes and restaurants
  • Cultural events and festivals
  • Textile design with earthy tones

Suggested color roles

primary

Utilize #B48D66 as a warm, spicy mid-brown for primary elements, offering a balanced and inviting foundation.

secondary

Apply #9A6844 as a deeper, richer spice tone for supporting sections, subheadings, or subtle graphical accents, adding depth.

accent

Introduce #7E4A28 as the deepest, grounding brown for calls-to-action, important details, or strong graphical elements, providing powerful contrast.

background

Employ #E6D9C0 as a light, neutral parchment background, offering a clean and expansive canvas with an earthy feel.

text

For optimal legibility, use #7E4A28 for all body text and headings, ensuring strong contrast against lighter backgrounds like #E6D9C0.

Accessibility notes

  • Ensure #7E4A28 text on #E6D9C0 background meets WCAG AA contrast standards for readability.
  • Use #B48D66 for larger headings on #D0B28E for good visual distinction.
  • Avoid using #D0B28E for small text on #E6D9C0 due to potential low contrast.
  • Check contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Spices

Creates a rich, aromatic depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#7E4A28 · #9A6844 · #B48D66

Market Dust

Ideal for layered backgrounds, subtle gradients, or overlays that evoke light, earthy market textures.

#B48D66 · #D0B28E · #E6D9C0

Exotic Blend

A contrasting yet vibrant combination for titles, hero sections, or key informational graphics.

#9A6844 · #E6D9C0 · #7E4A28

CSS variables

:root {
  --ancient-spice-market-1: #E6D9C0;
  --ancient-spice-market-2: #D0B28E;
  --ancient-spice-market-3: #B48D66;
  --ancient-spice-market-4: #9A6844;
  --ancient-spice-market-5: #7E4A28;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-spice-market": {
        1: "#E6D9C0",
        2: "#D0B28E",
        3: "#B48D66",
        4: "#9A6844",
        5: "#7E4A28",
      }
    }
  }
}

Related searches

ancient spice colorsearthy market palettewarm exotic hexnatural gourmet designrich brown neutrals

Palette colors

Hex values

Color 1#E6D9C0
·
Color 2#D0B28E
·
Color 3#B48D66
·
Color 4#9A6844
·
Color 5#7E4A28
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.4:1AA18
5.2:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.6:1AA18
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.5:1Fail
5
5.2:1AA
3.6:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Ancient Spice Market

View all earth