What are the hex codes in the Golden Mustard & Saffron palette?

The Golden Mustard & Saffron color palette consists of Raisin #251C00, Coffee #6F5E00, Mustard #D3A700, Saffron #F1BD3A.

How should I use the Golden Mustard & Saffron palette on a website?

Use Saffron #F1BD3A as the background, Raisin #251C00 for text, Coffee #6F5E00 for buttons and links, and Mustard #D3A700 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Saffron at 9.7:1.

Which colors in Golden Mustard & Saffron have enough contrast for text?

The highest-contrast pair is #251C00 on #F1BD3A with a ratio of 9.7:1, which passes WCAG AA for normal text.

#251C00Raisin

#6F5E00Coffee

#D3A700Mustard

#F1BD3ASaffron

Golden Mustard & Saffron color palette

Dark Vibrant Warm Black Yellow

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#251C00`	`rgb(37, 28, 0)`	`hsl(45, 100%, 7%)`	`oklch(23.1% 0.047 92)`
Coffee	`#6F5E00`	`rgb(111, 94, 0)`	`hsl(51, 100%, 22%)`	`oklch(48.4% 0.100 97)`
Mustard	`#D3A700`	`rgb(211, 167, 0)`	`hsl(47, 100%, 41%)`	`oklch(74.7% 0.153 90)`
Saffron	`#F1BD3A`	`rgb(241, 189, 58)`	`hsl(43, 87%, 59%)`	`oklch(82.4% 0.151 86)`

Why it works and how to use it

Golden Mustard & Saffron is a vivid dark, monochromatic color palette tagged dark, vibrant, warm. All four colors sit within 8° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Coffee takes the lead while the rest support. Lightness runs from 7% to 59%. Well suited to dark-mode interfaces and gaming.

Background: Saffron (#F1BD3A) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#251C00) on #F1BD3A gives 9.7:1, passing WCAG AAA.
Primary: Coffee (#6F5E00) is the most saturated mid-tone; use it for buttons and links (3.69:1 against the background, fine for UI elements).
Accent: Mustard (#D3A700) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Saffron at 9.7:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Golden Mustard & Saffron

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

Roles are assigned by lightness.

Color blindness simulation

#251C00

#6F5E00

#D3A700

#F1BD3A

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

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#251C00` on `#F1BD3A`	Aa	9.7:1	AAA
`#251C00` on `#D3A700`	Aa	7.47:1	AAA
`#6F5E00` on `#F1BD3A`	Aa	3.69:1	AA large only
`#6F5E00` on `#D3A700`	Aa	2.84:1	Fail
`#251C00` on `#6F5E00`	Aa	2.63:1	Fail
`#D3A700` on `#F1BD3A`	Aa	1.3:1	Fail

Similar palettes 24 more in this mood