Back to palettes

Palette

Spice Merchant Hue

A vibrant journey through a bustling spice market, rich with warm, aromatic pigments.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spice Merchant Hue 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 Merchant Hue.

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

Data visualization

#BF4E28#D97E3B#F2AD60#A62E1A#733F2E

Palette guide

How to use Spice Merchant Hue

Overview

The Spice Merchant Hue palette embarks on a vibrant journey through a bustling spice market, offering a rich array of warm, aromatic pigments. This energetic collection features a bold terracotta #BF4E28, a warm amber #D97E3B, a soft peach-orange #F2AD60, a deep reddish-brown #A62E1A, and a profound chocolate brown #733F2E. It's an exceptional choice for designers aiming to create brand identities or digital experiences that exude warmth, authenticity, and an exotic flair. Developers can leverage these distinct yet harmonious shades to build engaging user interfaces, ensuring a consistent visual narrative that feels both inviting and dynamic, perfect for conveying a sense of adventure and rich tradition.

Best used for

  • Exotic food product branding and packaging
  • Travel and cultural experience marketing
  • Artisanal craft websites or e-commerce
  • Restaurant or cafe branding with a warm, global theme
  • Autumnal or harvest festival digital promotions
  • User interfaces requiring a robust, natural aesthetic

Suggested color roles

primary

Utilize #733F2E (Chocolate Brown) or #A62E1A (Deep Terracotta) for strong headings, foundational brand elements, or prominent background sections, providing a deep, grounding presence.

secondary

Apply #BF4E28 (Terracotta Orange) or #D97E3B (Amber Orange) for subheadings, key content blocks, or secondary call-to-action buttons, adding vibrant warmth.

accent

Introduce #F2AD60 (Soft Peach-Orange) for subtle highlights, interactive elements, or decorative details, offering a gentle glow and inviting touch.

background

While no true light background is present, #F2AD60 can serve as a very light, warm background for specific sections. For main content, pair with a light cream or white, using these colors for foreground elements.

text

For main body text on light backgrounds, #733F2E or a standard charcoal/black is recommended for maximum readability. For text on #733F2E, white or a light cream works well.

Accessibility notes

  • Ensure high contrast when placing text on #F2AD60; a dark brown like #733F2E or black will be most legible.
  • Be cautious with text using #D97E3B or #BF4E28 on similarly warm backgrounds, as contrast may be insufficient for accessibility.
  • Implement clear visual cues beyond color, such as icons or underlines, when using multiple similar orange/brown tones for interactive elements.
  • Check WCAG compliance for all text and interactive elements, particularly for pairings involving #F2AD60.

Recommended combinations

Earthy Foundation

A robust combination for primary branding, blending deep browns with a rich terracotta and a soft, inviting accent for backgrounds or highlights.

#733F2E · #A62E1A · #F2AD60

Spicy Amber

Ideal for creating warm, energetic sections or graphics, combining vibrant oranges and a deep reddish-brown for a rich, exotic feel.

#BF4E28 · #D97E3B · #A62E1A

Soft Market Glow

Use for lighter, more airy designs, or to highlight content with a gentle, warm radiance, perfect for backgrounds and subtle accents.

#D97E3B · #F2AD60 · #BF4E28

CSS variables

:root {
  --spice-merchant-hue-1: #BF4E28;
  --spice-merchant-hue-2: #D97E3B;
  --spice-merchant-hue-3: #F2AD60;
  --spice-merchant-hue-4: #A62E1A;
  --spice-merchant-hue-5: #733F2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-merchant-hue": {
        1: "#BF4E28",
        2: "#D97E3B",
        3: "#F2AD60",
        4: "#A62E1A",
        5: "#733F2E",
      }
    }
  }
}

Related searches

warm terracotta color palettespicy orange brown schemeexotic market colorsnatural earthy brandingrich autumnal UI palette

Palette colors

Hex values

Color 1#BF4E28
·
Color 2#D97E3B
·
Color 3#F2AD60
·
Color 4#A62E1A
·
Color 5#733F2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
1.4:1Fail
1.7:1Fail
2
1.6:1Fail
1.6:1Fail
2.3:1Fail
2.8:1Fail
3
2.5:1Fail
1.6:1Fail
3.6:1AA18
4.4:1AA18
4
1.4:1Fail
2.3:1Fail
3.6:1AA18
1.2:1Fail
5
1.7:1Fail
2.8:1Fail
4.4:1AA18
1.2:1Fail

Similar palettes

More like Spice Merchant Hue

View all warm
Moroccan Spice Market
Bazaar Spice Bloom
Bazaar Spice Symphony
Moroccan Spice Bazaar
Saffron Market Hues
Souk Saffron Blend