#C9A66BLatte
#E4C590Putty
#F1E3C8Pearl
#F9F5ECLinen

Dune color palette

PastelMutedWarmBrownBeigeWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Latte#C9A66Brgb(201, 166, 107)hsl(38, 47%, 60%)oklch(74.3% 0.087 80)
Putty#E4C590rgb(228, 197, 144)hsl(38, 61%, 73%)oklch(83.7% 0.077 81)
Pearl#F1E3C8rgb(241, 227, 200)hsl(40, 59%, 86%)oklch(92.0% 0.039 84)
Linen#F9F5ECrgb(249, 245, 236)hsl(42, 52%, 95%)oklch(97.1% 0.013 87)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#C9A66B on #F9F5ECAa2.11:1Fail
#C9A66B on #F1E3C8Aa1.81:1Fail
#E4C590 on #F9F5ECAa1.52:1Fail
#C9A66B on #E4C590Aa1.39:1Fail
#E4C590 on #F1E3C8Aa1.31:1Fail
#F1E3C8 on #F9F5ECAa1.17:1Fail

Similar palettes 24 more in this mood

More pastel palettes →More muted palettes →More warm palettes →More brown palettes →More beige palettes →More white palettes →