Palette

Golden Mustard Haze

Rich golds and deep mustards, reminiscent of a warm, hazy afternoon in late autumn.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Mustard Haze 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 Golden Mustard Haze.

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

Data visualization

#6B5B3E#9C7E4F#C3A260#E6BF77#FDD48A

Palette guide

How to use Golden Mustard Haze

Overview

The Golden Mustard Haze palette features rich golds and deep mustards, reminiscent of a warm, hazy afternoon in late autumn. This vintage-inspired collection includes deep brown #6B5B3E, warm tan #9C7E4F, classic mustard #C3A260, soft golden yellow #E6BF77, and a light creamy gold #FDD48A. Designers can use this palette to evoke a sense of nostalgia, comfort, and rustic charm. It’s perfect for projects that require a grounded, sophisticated, and slightly retro aesthetic, creating an inviting and cozy atmosphere that feels both timeless and warm, ideal for a mature and established brand presence.

Best used for

Vintage-inspired branding and packaging
Coffee shop or artisanal bakery design
Autumn fashion editorials and lookbooks
Rustic interior design and decor concepts
Websites and blogs with a cozy, nostalgic theme
Craft beer or artisanal food product branding

Suggested color roles

primary

Use #C3A260 as a warm, inviting primary color for headings or key UI elements, offering a classic mustard tone.

secondary

Apply #9C7E4F for subheadings, navigation, or to add a deeper, complementary layer of warm brown-gold.

accent

Reserve #6B5B3E for rich, grounding accents, important details, or to add a touch of sophisticated depth.

background

Utilize #FDD48A as a light, creamy background, providing excellent readability and a soft canvas.

text

For optimal readability on #FDD48A, use a dark charcoal or black. For headings on darker shades, use white or #E6BF77.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter palette colors for text on #FDD48A; dark text is recommended.
The deep #6B5B3E provides strong contrast against #FDD48A for large text, meeting WCAG AA standards.
Differentiating between the various brown and gold shades (#6B5B3E, #9C7E4F, #C3A260) can be challenging; use with clear visual separation.
Avoid using #E6BF77 for small text on very light backgrounds without thorough contrast testing.

Recommended combinations

Vintage Warmth

Creates a harmonious, natural gradient, excellent for content blocks or sophisticated backgrounds.

#C3A260 · #9C7E4F · #6B5B3E

Hazy Glow

Provides a radiant, inviting feel, ideal for hero banners or subtle branding elements.

#FDD48A · #E6BF77 · #C3A260

Rustic Gold

A balanced combination of warm and deep tones, perfect for highlighting key information or elegant accents.

#9C7E4F · #E6BF77 · #6B5B3E

CSS variables

:root {
  --golden-mustard-haze-1: #6B5B3E;
  --golden-mustard-haze-2: #9C7E4F;
  --golden-mustard-haze-3: #C3A260;
  --golden-mustard-haze-4: #E6BF77;
  --golden-mustard-haze-5: #FDD48A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-mustard-haze": {
        1: "#6B5B3E",
        2: "#9C7E4F",
        3: "#C3A260",
        4: "#E6BF77",
        5: "#FDD48A",
      }
    }
  }
}

Hex values

Color 1#6B5B3E

Color 2#9C7E4F

Color 3#C3A260

Color 4#E6BF77

Color 5#FDD48A

Accessibility

Contrast checker

1.7:1Fail

2.7:1Fail

3.8:1AA18

4.7:1AA

1.7:1Fail

1.6:1Fail

2.2:1Fail

2.7:1Fail

1.6:1Fail

1.4:1Fail

1.7:1Fail

3.8:1AA18

2.2:1Fail

1.4:1Fail

1.2:1Fail

4.7:1AA

2.7:1Fail

1.7:1Fail

1.2:1Fail

Similar palettes

More like Golden Mustard Haze

Golden Mustard Haze

See it in context.

Ready when you are.

Built with Golden Mustard Haze.

How to use Golden Mustard Haze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vintage Warmth

Hazy Glow

Rustic Gold

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Golden Mustard Haze