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

The Clean Mushroom & Dove Gray color palette consists of Onyx #3C3733, Dove Gray #7C726C, Mushroom #BCB3AA, Snow #FDF9F4.

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

Use Snow #FDF9F4 as the background, Onyx #3C3733 for text, Mushroom #BCB3AA for buttons and links, and Dove Gray #7C726C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Snow at 11.21:1.

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

The highest-contrast pair is #3C3733 on #FDF9F4 with a ratio of 11.21:1, which passes WCAG AA for normal text.

#3C3733Onyx

#7C726CDove Gray

#BCB3AAMushroom

#FDF9F4Snow

Clean Mushroom & Dove Gray color palette

Monochrome Minimal Gray White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Clean Mushroom & Dove Gray is a neutral-based color palette tagged monochrome, minimal, gray. Built almost entirely from neutrals, with Snow (#FDF9F4) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Onyx	`#3C3733`	`rgb(60, 55, 51)`	`hsl(27, 8%, 22%)`	`oklch(34.1% 0.010 61)`
Dove Gray	`#7C726C`	`rgb(124, 114, 108)`	`hsl(23, 7%, 45%)`	`oklch(55.9% 0.015 53)`
Mushroom	`#BCB3AA`	`rgb(188, 179, 170)`	`hsl(30, 12%, 70%)`	`oklch(77.2% 0.016 68)`
Snow	`#FDF9F4`	`rgb(253, 249, 244)`	`hsl(33, 69%, 97%)`	`oklch(98.4% 0.008 74)`

Why it works and how to use it

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

Pair	Sample	Ratio	Level
`#3C3733` on `#FDF9F4`	Aa	11.21:1	AAA
`#3C3733` on `#BCB3AA`	Aa	5.69:1	AA
`#7C726C` on `#FDF9F4`	Aa	4.47:1	AA large only
`#3C3733` on `#7C726C`	Aa	2.51:1	Fail
`#7C726C` on `#BCB3AA`	Aa	2.27:1	Fail
`#BCB3AA` on `#FDF9F4`	Aa	1.97:1	Fail

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

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood