Palette

Spice Merchant's Dream

Warm, inviting browns and oranges inspired by the rich, exotic aromas and colors of a vibrant spice market.

WarmNatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F371E#9A5D3B#D0875C#F8A57A#FFC6A7

Palette guide

How to use Spice Merchant's Dream

Overview

The Spice Merchant's Dream palette (ID: spice-merchant-s-dream-2) offers a warm and inviting gradient of earthy browns and soft oranges, evoking the rich, aromatic essence of an exotic spice market. This harmonious collection features a deep chocolate #5F371E, a warm tan #9A5D3B, a muted terracotta #D0875C, a soft peach #F8A57A, and a delicate blush #FFC6A7. It's an excellent choice for designers seeking to create cozy, authentic, and naturally elegant brand identities or digital experiences. Developers will find these seamlessly blending hues ideal for crafting user interfaces that are gentle on the eyes, providing a comforting visual flow and ensuring a sophisticated, natural aesthetic across all elements.

Best used for

Natural cosmetic or skincare branding
Cozy home decor websites or blogs
Artisanal bakery or coffee shop branding
Wellness and mindfulness app interfaces
E-commerce platforms for organic or handcrafted goods
Autumnal or rustic wedding invitations

Suggested color roles

primary

Utilize #5F371E (Deep Chocolate) for foundational elements, strong headings, or dominant brand features to establish a profound, grounding presence.

secondary

Apply #9A5D3B (Warm Tan) or #D0875C (Muted Terracotta) for supporting content, subheadings, or secondary call-to-action buttons, adding warmth and approachability.

accent

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

background

Employ #FFC6A7 (Delicate Blush) as a primary background color, providing a light, warm, and airy canvas that enhances readability.

text

For main body text, a dark, highly legible color like #5F371E or a standard charcoal/black works best on light backgrounds such as #FFC6A7 for optimal readability.

Accessibility notes

Ensure text set in #5F371E or black on #FFC6A7 meets WCAG AA contrast standards for readability.
Be cautious when using #F8A57A or #D0875C for small text or icons, as their contrast against #FFC6A7 might be insufficient.
Provide clear visual feedback for interactive elements, especially if using mid-tone colors like #D0875C for buttons.
Consider providing larger target areas for interactive elements that use lighter colors to improve usability for all users.

Recommended combinations

Grounding Warmth

A robust and inviting combination for primary branding, blending deep brown with warm tan and a soft, airy background.

#5F371E · #9A5D3B · #FFC6A7

Gentle Terracotta

Ideal for creating soft, harmonious sections or graphics, capturing a subtle blend of earthy browns and warm peach tones.

#9A5D3B · #D0875C · #F8A57A

Airy Blush

Use for lighter, more delicate designs, or to highlight content with a gentle, radiant glow, perfect for backgrounds and subtle accents.

#D0875C · #F8A57A · #FFC6A7

CSS variables

:root {
  --spice-merchant-s-dream-2-1: #5F371E;
  --spice-merchant-s-dream-2-2: #9A5D3B;
  --spice-merchant-s-dream-2-3: #D0875C;
  --spice-merchant-s-dream-2-4: #F8A57A;
  --spice-merchant-s-dream-2-5: #FFC6A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-merchant-s-dream-2": {
        1: "#5F371E",
        2: "#9A5D3B",
        3: "#D0875C",
        4: "#F8A57A",
        5: "#FFC6A7",
      }
    }
  }
}

Hex values

Color 1#5F371E

Color 2#9A5D3B

Color 3#D0875C

Color 4#F8A57A

Color 5#FFC6A7

Accessibility

Contrast checker

2:1Fail

3.6:1AA18

5.2:1AA

6.8:1AA

2:1Fail

1.8:1Fail

2.7:1Fail

3.5:1AA18

3.6:1AA18

1.8:1Fail

1.5:1Fail

1.9:1Fail

5.2:1AA

2.7:1Fail

1.5:1Fail

1.3:1Fail

6.8:1AA

3.5:1AA18

1.9:1Fail

1.3:1Fail

Similar palettes

More like Spice Merchant's Dream

View all Warm

Gingerbread Spice House

Gingerbread Spice Mill

Harvest Season Charm

Spice Garden Earth

Spice Route Treasure

Spiced Bakery Comfort