#714A47Coffee
#C0847FHazelnut
#EAA39EDusty Rose
#F7EDE1Linen

Crimson Dusty Rose & Hazelnut color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Crimson Dusty Rose & Hazelnut is a analogous color palette tagged muted, warm, pink. Analogous neighbors on the wheel (Coffee, Hazelnut, Dusty Rose) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Coffee#714A47rgb(113, 74, 71)hsl(4, 23%, 36%)oklch(45.2% 0.054 24)
Hazelnut#C0847Frgb(192, 132, 127)hsl(5, 34%, 63%)oklch(67.2% 0.075 25)
Dusty Rose#EAA39Ergb(234, 163, 158)hsl(4, 64%, 77%)oklch(78.3% 0.085 24)
Linen#F7EDE1rgb(247, 237, 225)hsl(33, 58%, 93%)oklch(95.1% 0.019 73)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (93% down to 36% lightness). A natural fit for websites, presentations and branding.

  • Background: Linen (#F7EDE1) is the lightest color, so it belongs on large surfaces.
  • Text: Coffee (#714A47) on #F7EDE1 gives 6.55:1, passing WCAG AA.
  • Primary: Dusty Rose (#EAA39E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Hazelnut (#C0847F) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Linen at 6.55:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Crimson Dusty Rose & Hazelnut

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

#714A47
#C0847F
#EAA39E
#F7EDE1

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#714A47 on #F7EDE1Aa6.55:1AA
#714A47 on #EAA39EAa3.69:1AA large only
#C0847F on #F7EDE1Aa2.65:1Fail
#714A47 on #C0847FAa2.47:1Fail
#EAA39E on #F7EDE1Aa1.77:1Fail
#C0847F on #EAA39EAa1.49:1Fail

Similar palettes 24 more in this mood