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

The Clean Silver & Dove Gray color palette consists of Bone #DDDDDA, Silver #C2C2BD, Licorice #161616, Dove Gray #70706C.

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

Use Bone #DDDDDA as the background, Licorice #161616 for text, Silver #C2C2BD for buttons and links, and Dove Gray #70706C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Licorice at 13.3:1.

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

The highest-contrast pair is #DDDDDA on #161616 with a ratio of 13.3:1, which passes WCAG AA for normal text.

#DDDDDABone

#C2C2BDSilver

#161616Licorice

#70706CDove Gray

Clean Silver & Dove Gray color palette

Minimal Monochrome Gray Black

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Clean Silver & Dove Gray is a muted neutral-based color palette tagged minimal, monochrome, gray. Bone 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
Bone	`#DDDDDA`	`rgb(221, 221, 218)`	`hsl(60, 4%, 86%)`	`oklch(89.7% 0.004 106)`
Silver	`#C2C2BD`	`rgb(194, 194, 189)`	`hsl(60, 4%, 75%)`	`oklch(81.3% 0.007 107)`
Licorice	`#161616`	`rgb(22, 22, 22)`	`hsl(0, 0%, 9%)`	`oklch(20.0% 0.000 0)`
Dove Gray	`#70706C`	`rgb(112, 112, 108)`	`hsl(60, 2%, 43%)`	`oklch(54.4% 0.006 107)`

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (86% down to 9% lightness). A natural fit for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#DDDDDA` on `#161616`	Aa	13.3:1	AAA
`#C2C2BD` on `#161616`	Aa	10.12:1	AAA
`#DDDDDA` on `#70706C`	Aa	3.65:1	AA large only
`#161616` on `#70706C`	Aa	3.64:1	AA large only
`#C2C2BD` on `#70706C`	Aa	2.78:1	Fail
`#DDDDDA` on `#C2C2BD`	Aa	1.31:1	Fail

Clean Silver & Dove Gray 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 Silver & Dove Gray

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood