What are the hex codes in the Minimal Gray & Silver palette?

The Minimal Gray & Silver color palette consists of Bone #DDDBD6, Silver #C4BFB6, Gray #7C857D, Raisin #262B28.

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

Use Bone #DDDBD6 as the background, Raisin #262B28 for text, Silver #C4BFB6 for buttons and links, and Gray #7C857D for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Raisin at 10.41:1.

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

The highest-contrast pair is #DDDBD6 on #262B28 with a ratio of 10.41:1, which passes WCAG AA for normal text.

#DDDBD6Bone

#C4BFB6Silver

#7C857DGray

#262B28Raisin

Minimal Gray & Silver color palette

Monochrome Minimal Gray

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Minimal Gray & Silver is a muted neutral-based color palette tagged monochrome, minimal, gray. Built almost entirely from neutrals, with Silver (#C4BFB6) 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
Bone	`#DDDBD6`	`rgb(221, 219, 214)`	`hsl(43, 9%, 85%)`	`oklch(89.2% 0.007 89)`
Silver	`#C4BFB6`	`rgb(196, 191, 182)`	`hsl(39, 11%, 74%)`	`oklch(80.6% 0.014 82)`
Gray	`#7C857D`	`rgb(124, 133, 125)`	`hsl(127, 4%, 50%)`	`oklch(60.7% 0.016 149)`
Raisin	`#262B28`	`rgb(38, 43, 40)`	`hsl(144, 6%, 16%)`	`oklch(28.3% 0.009 159)`

Why it works and how to use it

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

Pair	Sample	Ratio	Level
`#DDDBD6` on `#262B28`	Aa	10.41:1	AAA
`#C4BFB6` on `#262B28`	Aa	7.87:1	AAA
`#7C857D` on `#262B28`	Aa	3.78:1	AA large only
`#DDDBD6` on `#7C857D`	Aa	2.76:1	Fail
`#C4BFB6` on `#7C857D`	Aa	2.08:1	Fail
`#DDDBD6` on `#C4BFB6`	Aa	1.32:1	Fail

Minimal Gray & Silver 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 Minimal Gray & Silver

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood