Palette

Spice Merchant Gold

Rich and inviting, reminiscent of a bustling spice market filled with warm golden hues.

WarmEnergetic5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CC7722#F4A460#FFD700#FFFACD

Palette guide

How to use Spice Merchant Gold

Overview

The Spice Merchant Gold palette is a luxurious and inviting collection, infused with the opulent glow of a bustling spice market. This palette features a deep saddle brown #8B4513, a rich burnt orange #CC7722, a soft peach-orange #F4A460, a dazzling pure gold #FFD700, and a delicate corn silk #FFFACD. It's an exceptional choice for designers seeking to convey elegance, warmth, and a touch of exotic luxury in their projects. Developers can utilize these sophisticated hues to craft visually rich and engaging user interfaces, where the interplay of deep tones and brilliant golds creates a premium feel, ensuring both aesthetic appeal and clear visual hierarchy for a refined user experience.

Best used for

Luxury brand identity for gourmet foods or high-end crafts
E-commerce sites specializing in exotic or artisanal products
Event branding for upscale cultural or culinary events
Interior design concepts for warm, opulent spaces
Jewelry or high-end fashion website design
Digital marketing materials requiring a rich, inviting glow

Suggested color roles

primary

Employ #8B4513 (Saddle Brown) for foundational elements, strong headings, or dominant brand features to establish a deep, luxurious anchor.

secondary

Utilize #CC7722 (Burnt Orange) or #F4A460 (Peach-Orange) for supportive content, subheadings, or secondary call-to-action buttons, adding warmth and richness.

accent

Introduce #FFD700 (Pure Gold) for high-impact accents, interactive elements, or premium features, providing a brilliant, luxurious focal point.

background

Use #FFFACD (Corn Silk) as a primary background color, offering a soft, luminous base that enhances readability and allows other colors to shine.

text

For main body text, a dark, highly legible color like #8B4513 or a standard charcoal/black works best on light backgrounds like #FFFACD for optimal readability.

Accessibility notes

Ensure sufficient contrast for text, especially when using #FFD700 on lighter backgrounds. Black or #8B4513 text on #FFFACD is highly recommended.
Be mindful of contrast between #F4A460 and #FFFACD if used for text or small elements; they might be too similar for some users.
When using #FFD700 for interactive elements, ensure distinct focus and hover states are clear and meet accessibility guidelines.
For elements that convey information, avoid relying solely on the gold hue; pair with icons or text for clarity.

Recommended combinations

Golden Foundation

A strong, elegant combination for primary branding, balancing deep brown with rich orange and a soft, luminous background.

#8B4513 · #CC7722 · #FFFACD

Merchant's Glow

Ideal for creating captivating visual sections or highlights, capturing the radiant, inviting feel of precious spices and gold.

#CC7722 · #F4A460 · #FFD700

Luxurious Accent

Use for premium content, call-to-actions, or decorative elements where the pure gold stands out dramatically against deep brown and a soft cream.

#8B4513 · #FFD700 · #FFFACD

CSS variables

:root {
  --spice-merchant-gold-1: #8B4513;
  --spice-merchant-gold-2: #CC7722;
  --spice-merchant-gold-3: #F4A460;
  --spice-merchant-gold-4: #FFD700;
  --spice-merchant-gold-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spice-merchant-gold": {
        1: "#8B4513",
        2: "#CC7722",
        3: "#F4A460",
        4: "#FFD700",
        5: "#FFFACD",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CC7722

Color 3#F4A460

Color 4#FFD700

Color 5#FFFACD

Accessibility

Contrast checker

2.1:1Fail

3.5:1AA18

5.1:1AA

6.7:1AA

2.1:1Fail

1.7:1Fail

2.4:1Fail

3.2:1AA18

3.5:1AA18

1.7:1Fail

1.4:1Fail

1.9:1Fail

5.1:1AA

2.4:1Fail

1.4:1Fail

1.3:1Fail

6.7:1AA

3.2:1AA18

1.9:1Fail

1.3:1Fail

Similar palettes

More like Spice Merchant Gold

Spiced Orange Marmalade