#2A2A2ARaisin
#5C5C5CStorm
#D4AF37Mustard
#F8F5EESmoke

Gold & Charcoal color palette

GoldLuxuryDarkMinimalGrayYellowWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Gold & Charcoal is a neutral-based color palette tagged gold, luxury, dark. Mustard is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Raisin#2A2A2Argb(42, 42, 42)hsl(0, 0%, 16%)oklch(28.5% 0.000 0)
Storm#5C5C5Crgb(92, 92, 92)hsl(0, 0%, 36%)oklch(47.5% 0.000 0)
Mustard#D4AF37rgb(212, 175, 55)hsl(46, 65%, 52%)oklch(76.7% 0.139 91)
Smoke#F8F5EErgb(248, 245, 238)hsl(42, 42%, 95%)oklch(97.1% 0.010 87)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (95% down to 16% lightness). A natural fit for premium branding and packaging.

  • Background: Smoke (#F8F5EE) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#2A2A2A) on #F8F5EE gives 13.18:1, passing WCAG AAA.
  • Primary: Mustard (#D4AF37) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Storm (#5C5C5C) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Smoke at 13.18:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Gold & Charcoal

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2A2A2A on #F8F5EEAa13.18:1AAA
#2A2A2A on #D4AF37Aa6.83:1AA
#5C5C5C on #F8F5EEAa6.14:1AA
#5C5C5C on #D4AF37Aa3.18:1AA large only
#2A2A2A on #5C5C5CAa2.15:1Fail
#D4AF37 on #F8F5EEAa1.93:1Fail

Similar palettes 24 more in this mood

More gold palettes →More luxury palettes →More dark palettes →More minimal palettes →More gray palettes →More yellow palettes →More white palettes →