What are the hex codes in the Clean Dove Gray & Dust palette?

The Clean Dove Gray & Dust color palette consists of Taupe #453D38, Dove Gray #766C64, Dust #AAA199, Fog #D2CFCB.

How should I use the Clean Dove Gray & Dust palette on a website?

Use Fog #D2CFCB as the background, Taupe #453D38 for text, Dust #AAA199 for buttons and links, and Dove Gray #766C64 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Taupe on Fog at 6.84:1.

Which colors in Clean Dove Gray & Dust have enough contrast for text?

The highest-contrast pair is #453D38 on #D2CFCB with a ratio of 6.84:1, which passes WCAG AA for normal text.

#453D38Taupe

#766C64Dove Gray

#AAA199Dust

#D2CFCBFog

Clean Dove Gray & Dust color palette

Monochrome Gray

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Clean Dove Gray & Dust is a muted neutral-based color palette tagged monochrome, gray. Built almost entirely from neutrals, with Taupe (#453D38) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Taupe	`#453D38`	`rgb(69, 61, 56)`	`hsl(23, 10%, 25%)`	`oklch(36.7% 0.014 54)`
Dove Gray	`#766C64`	`rgb(118, 108, 100)`	`hsl(27, 8%, 43%)`	`oklch(53.8% 0.018 61)`
Dust	`#AAA199`	`rgb(170, 161, 153)`	`hsl(28, 9%, 63%)`	`oklch(71.4% 0.016 64)`
Fog	`#D2CFCB`	`rgb(210, 207, 203)`	`hsl(34, 7%, 81%)`	`oklch(85.6% 0.006 75)`

Why it works and how to use it

It works because the lightness range is wide (25% to 81%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#453D38` on `#D2CFCB`	Aa	6.84:1	AA
`#453D38` on `#AAA199`	Aa	4.18:1	AA large only
`#766C64` on `#D2CFCB`	Aa	3.3:1	AA large only
`#453D38` on `#766C64`	Aa	2.07:1	Fail
`#766C64` on `#AAA199`	Aa	2.02:1	Fail
`#AAA199` on `#D2CFCB`	Aa	1.64:1	Fail

Clean Dove Gray & Dust color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Clean Dove Gray & Dust

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood