What are the hex codes in the Dusty Rose & Coffee Glow palette?

The Dusty Rose & Coffee Glow color palette consists of Raisin #2B1919, Coffee #704744, Dusty Rose #DAA29F, Bone #E1DAD8.

How should I use the Dusty Rose & Coffee Glow palette on a website?

Use Bone #E1DAD8 as the background, Raisin #2B1919 for text, Dusty Rose #DAA29F for buttons and links, and Coffee #704744 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Bone at 12.12:1.

Which colors in Dusty Rose & Coffee Glow have enough contrast for text?

The highest-contrast pair is #2B1919 on #E1DAD8 with a ratio of 12.12:1, which passes WCAG AA for normal text.

#2B1919Raisin

#704744Coffee

#DAA29FDusty Rose

#E1DAD8Bone

Dusty Rose & Coffee Glow color palette

Dark Muted Warm Minimal Gray Brown Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#2B1919`	`rgb(43, 25, 25)`	`hsl(0, 26%, 13%)`	`oklch(23.7% 0.029 19)`
Coffee	`#704744`	`rgb(112, 71, 68)`	`hsl(4, 24%, 35%)`	`oklch(44.4% 0.057 24)`
Dusty Rose	`#DAA29F`	`rgb(218, 162, 159)`	`hsl(3, 44%, 74%)`	`oklch(76.4% 0.067 22)`
Bone	`#E1DAD8`	`rgb(225, 218, 216)`	`hsl(13, 13%, 86%)`	`oklch(89.3% 0.008 37)`

Why it works and how to use it

Dusty Rose & Coffee Glow is a monochromatic color palette tagged dark, muted, warm. All four colors sit within 4° 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, Dusty Rose takes the lead while the rest support. Lightness runs from 13% to 86%. Well suited to websites, presentations and branding.

Background: Bone (#E1DAD8) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#2B1919) on #E1DAD8 gives 12.12:1, passing WCAG AAA.
Primary: Dusty Rose (#DAA29F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Coffee (#704744) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Bone at 12.12:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Dusty Rose & Coffee Glow

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

#2B1919

#704744

#DAA29F

#E1DAD8

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
`#2B1919` on `#E1DAD8`	Aa	12.12:1	AAA
`#2B1919` on `#DAA29F`	Aa	7.68:1	AAA
`#704744` on `#E1DAD8`	Aa	5.69:1	AA
`#704744` on `#DAA29F`	Aa	3.61:1	AA large only
`#2B1919` on `#704744`	Aa	2.13:1	Fail
`#DAA29F` on `#E1DAD8`	Aa	1.58:1	Fail

Similar palettes 24 more in this mood