What are the hex codes in the Antique Saffron & Latte palette?

The Antique Saffron & Latte color palette consists of Saffron #E4BE67, Latte #BFA671, Beige #F0F1CD, Stone #8C887B.

How should I use the Antique Saffron & Latte palette on a website?

Use Beige #F0F1CD as the background, Stone #8C887B for text, Saffron #E4BE67 for buttons and links, and Latte #BFA671 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Antique Saffron & Latte have enough contrast for text?

The highest-contrast pair is #F0F1CD on #8C887B with a ratio of 3.07:1, which passes WCAG AA for large text only.

#E4BE67Saffron

#BFA671Latte

#F0F1CDBeige

#8C887BStone

Antique Saffron & Latte color palette

Warm Earthy Yellow Brown Beige Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Saffron	`#E4BE67`	`rgb(228, 190, 103)`	`hsl(42, 70%, 65%)`	`oklch(81.7% 0.115 86)`
Latte	`#BFA671`	`rgb(191, 166, 113)`	`hsl(41, 38%, 60%)`	`oklch(73.5% 0.076 85)`
Beige	`#F0F1CD`	`rgb(240, 241, 205)`	`hsl(62, 56%, 87%)`	`oklch(94.8% 0.047 109)`
Stone	`#8C887B`	`rgb(140, 136, 123)`	`hsl(46, 7%, 52%)`	`oklch(62.6% 0.020 93)`

Why it works and how to use it

Antique Saffron & Latte is a monochromatic color palette tagged warm, earthy, yellow. All four colors sit within 21° 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.

With 3 chromatic colors, Saffron takes the lead while the rest support. Lightness runs from 52% to 87%. Well suited to wellness, organic and outdoor brands.

Background: Beige (#F0F1CD) is the lightest color, so it belongs on large surfaces.
Text: Stone (#8C887B) on #F0F1CD gives 3.07:1, enough for large headings only.
Primary: Saffron (#E4BE67) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Latte (#BFA671) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Antique Saffron & Latte

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

#E4BE67

#BFA671

#F0F1CD

#8C887B

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
`#F0F1CD` on `#8C887B`	Aa	3.07:1	AA large only
`#BFA671` on `#F0F1CD`	Aa	2.04:1	Fail
`#E4BE67` on `#8C887B`	Aa	2:1	Fail
`#E4BE67` on `#F0F1CD`	Aa	1.53:1	Fail
`#BFA671` on `#8C887B`	Aa	1.5:1	Fail
`#E4BE67` on `#BFA671`	Aa	1.33:1	Fail

Similar palettes 24 more in this mood