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

The Golden Saffron & Coffee color palette consists of Almond #E7E1D6, Saffron #FFCC5D, Coffee #6C5830, Espresso #352C1A.

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

Use Almond #E7E1D6 as the background, Espresso #352C1A for text, Saffron #FFCC5D for buttons and links, and Coffee #6C5830 for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Espresso at 10.57:1.

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

The highest-contrast pair is #E7E1D6 on #352C1A with a ratio of 10.57:1, which passes WCAG AA for normal text.

#E7E1D6Almond

#FFCC5DSaffron

#6C5830Coffee

#352C1AEspresso

Golden Saffron & Coffee color palette

Gold Luxury Dark Warm Gray Yellow Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#E7E1D6`	`rgb(231, 225, 214)`	`hsl(39, 26%, 87%)`	`oklch(91.1% 0.016 83)`
Saffron	`#FFCC5D`	`rgb(255, 204, 93)`	`hsl(41, 100%, 68%)`	`oklch(87.0% 0.140 84)`
Coffee	`#6C5830`	`rgb(108, 88, 48)`	`hsl(40, 38%, 31%)`	`oklch(47.1% 0.063 83)`
Espresso	`#352C1A`	`rgb(53, 44, 26)`	`hsl(40, 34%, 15%)`	`oklch(29.8% 0.033 84)`

Why it works and how to use it

Golden Saffron & Coffee is a monochromatic color palette tagged gold, luxury, dark. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

It works because the lightness range is wide (15% to 87%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.

Background: Almond (#E7E1D6) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#352C1A) on #E7E1D6 gives 10.57:1, passing WCAG AAA.
Primary: Saffron (#FFCC5D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Coffee (#6C5830) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Espresso at 10.57:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Golden Saffron & Coffee

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

#E7E1D6

#FFCC5D

#6C5830

#352C1A

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
`#E7E1D6` on `#352C1A`	Aa	10.57:1	AAA
`#FFCC5D` on `#352C1A`	Aa	9.2:1	AAA
`#E7E1D6` on `#6C5830`	Aa	5.25:1	AA
`#FFCC5D` on `#6C5830`	Aa	4.57:1	AA
`#6C5830` on `#352C1A`	Aa	2.02:1	Fail
`#E7E1D6` on `#FFCC5D`	Aa	1.15:1	Fail

Similar palettes 24 more in this mood