Back to palettes

Palette

Amber Spice Market

Rich, inviting hues reminiscent of fragrant spices found in a bustling desert market.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B06500#D48B30#F7C074#8E3A00#5A2000

Palette guide

How to use Amber Spice Market

Overview

The "Amber Spice Market" palette features rich, inviting hues reminiscent of fragrant spices in a bustling desert market. It transitions from the deep, robust #5A2000 (Dark Chocolate) and #8E3A00 (Burnt Umber) to the vibrant #B06500 (Orange Brown) and #D48B30 (Rust). The soft, luminous #F7C074 (Light Apricot) provides a gentle contrast, evoking warmth and light. This palette is ideal for designs that aim to convey an exotic, warm, and authentic feel, perfect for culinary brands, travel themes, or projects seeking a rustic yet refined aesthetic.

Best used for

  • Culinary brands (spices, coffee, artisanal foods)
  • Travel agencies specializing in exotic destinations
  • Bohemian or ethnic-inspired fashion and decor
  • E-commerce for handcrafted goods
  • Autumnal and harvest-themed marketing
  • Blog themes for food, travel, or cultural content

Suggested color roles

primary

Use #B06500 as a rich, inviting orange-brown, excellent for main headings, prominent buttons, or a distinctive brand identity.

secondary

Employ #D48B30 as a warm, earthy rust, perfect for subheadings, navigation, or complementary content blocks.

accent

Apply #F7C074 as a soft, luminous light apricot, ideal for subtle highlights, borders, or secondary interactive states.

background

A light cream or off-white (e.g., #FFFBF5) to allow the rich, warm colors to truly shine and ensure readability.

text

For primary body text on light backgrounds, use #5A2000, a deep, robust dark chocolate brown that offers excellent contrast and strong emphasis.

Accessibility notes

  • Ensure #5A2000 text has excellent contrast against #FFFBF5 or #F7C074 backgrounds (WCAG AA/AAA).
  • Avoid using #F7C074 or #D48B30 for small text on light backgrounds, as contrast may be insufficient.
  • When using #B06500 for text, pair it with a very light background for optimal readability.
  • The deep browns provide excellent grounding and contrast for the lighter, more vibrant tones.

Recommended combinations

Spice Merchant

A deep base, a vibrant primary, and a soft highlight, perfect for creating a warm and legible interface.

#5A2000 · #B06500 · #F7C074

Desert Glow

A light background with warm, earthy text and an accent, creating an inviting and authentic content area.

#F7C074 · #D48B30 · #8E3A00

Rich Aromas

A strong primary, a deep secondary, and a warm supporting color, ideal for layered design elements.

#B06500 · #8E3A00 · #D48B30

CSS variables

:root {
  --amber-spice-market-1: #B06500;
  --amber-spice-market-2: #D48B30;
  --amber-spice-market-3: #F7C074;
  --amber-spice-market-4: #8E3A00;
  --amber-spice-market-5: #5A2000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-spice-market": {
        1: "#B06500",
        2: "#D48B30",
        3: "#F7C074",
        4: "#8E3A00",
        5: "#5A2000",
      }
    }
  }
}

Related searches

amber spice market paletteexotic orange brown colorswarm culinary brandingrustic travel designauthentic earthy tones

Palette colors

Hex values

Color 1#B06500
·
Color 2#D48B30
·
Color 3#F7C074
·
Color 4#8E3A00
·
Color 5#5A2000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
1.7:1Fail
2.9:1Fail
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
4.6:1AA
3
2.7:1Fail
1.7:1Fail
4.6:1AA
7.8:1AAA
4
1.7:1Fail
2.7:1Fail
4.6:1AA
1.7:1Fail
5
2.9:1Fail
4.6:1AA
7.8:1AAA
1.7:1Fail

Similar palettes

More like Amber Spice Market

View all warm