What are the hex codes in the Dune palette?

The Dune color palette consists of Latte #C9A66B, Putty #E4C590, Pearl #F1E3C8, Linen #F9F5EC.

How should I use the Dune palette on a website?

Use Linen #F9F5EC as the background, Latte #C9A66B for text, Putty #E4C590 for buttons and links, and Pearl #F1E3C8 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Dune have enough contrast for text?

The highest-contrast pair is #C9A66B on #F9F5EC with a ratio of 2.11:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#C9A66BLatte

#E4C590Putty

#F1E3C8Pearl

#F9F5ECLinen

Dune color palette

Pastel Muted Warm Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Latte	`#C9A66B`	`rgb(201, 166, 107)`	`hsl(38, 47%, 60%)`	`oklch(74.3% 0.087 80)`
Putty	`#E4C590`	`rgb(228, 197, 144)`	`hsl(38, 61%, 73%)`	`oklch(83.7% 0.077 81)`
Pearl	`#F1E3C8`	`rgb(241, 227, 200)`	`hsl(40, 59%, 86%)`	`oklch(92.0% 0.039 84)`
Linen	`#F9F5EC`	`rgb(249, 245, 236)`	`hsl(42, 52%, 95%)`	`oklch(97.1% 0.013 87)`

Why it works and how to use it

Dune is a pastel light, monochromatic color palette tagged pastel, muted, warm. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

The palette holds together thanks to its monochromatic hue relationship and a soft light-to-dark ladder (95% down to 60% lightness). A natural fit for social media templates and gentle interfaces.

Background: Linen (#F9F5EC) is the lightest color, so it belongs on large surfaces.
Text: Latte (#C9A66B) on #F9F5EC gives 2.11:1, so pair it with a darker neutral for body copy.
Primary: Putty (#E4C590) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Pearl (#F1E3C8) 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 Dune

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

#C9A66B

#E4C590

#F1E3C8

#F9F5EC

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
`#C9A66B` on `#F9F5EC`	Aa	2.11:1	Fail
`#C9A66B` on `#F1E3C8`	Aa	1.81:1	Fail
`#E4C590` on `#F9F5EC`	Aa	1.52:1	Fail
`#C9A66B` on `#E4C590`	Aa	1.39:1	Fail
`#E4C590` on `#F1E3C8`	Aa	1.31:1	Fail
`#F1E3C8` on `#F9F5EC`	Aa	1.17:1	Fail

Similar palettes 25 more in this mood