What are the hex codes in the Umber & Dove Gray Drift palette?

The Umber & Dove Gray Drift color palette consists of Almond #EFE0D3, Dust #AEA397, Dove Gray #786C5E, Umber #625548.

How should I use the Umber & Dove Gray Drift palette on a website?

Use Almond #EFE0D3 as the background, Umber #625548 for text, Dust #AEA397 for buttons and links, and Dove Gray #786C5E for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Umber at 5.59:1.

Which colors in Umber & Dove Gray Drift have enough contrast for text?

The highest-contrast pair is #EFE0D3 on #625548 with a ratio of 5.59:1, which passes WCAG AA for normal text.

#EFE0D3Almond

#AEA397Dust

#786C5EDove Gray

#625548Umber

Umber & Dove Gray Drift color palette

Modern Monochrome Gray

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Umber & Dove Gray Drift is a muted neutral-based color palette tagged modern, monochrome, gray. Almond is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#EFE0D3`	`rgb(239, 224, 211)`	`hsl(28, 47%, 88%)`	`oklch(91.5% 0.024 63)`
Dust	`#AEA397`	`rgb(174, 163, 151)`	`hsl(31, 12%, 64%)`	`oklch(72.1% 0.021 70)`
Dove Gray	`#786C5E`	`rgb(120, 108, 94)`	`hsl(32, 12%, 42%)`	`oklch(53.8% 0.026 72)`
Umber	`#625548`	`rgb(98, 85, 72)`	`hsl(30, 15%, 33%)`	`oklch(45.8% 0.027 67)`

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Dust to lead. Lightness runs from 33% to 88%. Well suited to websites, presentations and branding.

Pair	Sample	Ratio	Level
`#EFE0D3` on `#625548`	Aa	5.59:1	AA
`#EFE0D3` on `#786C5E`	Aa	3.96:1	AA large only
`#AEA397` on `#625548`	Aa	2.91:1	Fail
`#AEA397` on `#786C5E`	Aa	2.07:1	Fail
`#EFE0D3` on `#AEA397`	Aa	1.92:1	Fail
`#786C5E` on `#625548`	Aa	1.41:1	Fail

Umber & Dove Gray Drift 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 Umber & Dove Gray Drift

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood