What are the hex codes in the Cheerful Taupe & Smoke palette?

The Cheerful Taupe & Smoke color palette consists of Smoke #F2F2F2, Mushroom #B3B3B3, Taupe #483800, Black #000000.

How should I use the Cheerful Taupe & Smoke palette on a website?

Use Smoke #F2F2F2 as the background, Black #000000 for text, Taupe #483800 for buttons and links, and Mushroom #B3B3B3 for accents. 4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Black at 18.76:1.

Which colors in Cheerful Taupe & Smoke have enough contrast for text?

The highest-contrast pair is #F2F2F2 on #000000 with a ratio of 18.76:1, which passes WCAG AA for normal text.

#F2F2F2Smoke

#B3B3B3Mushroom

#483800Taupe

#000000Black

Cheerful Taupe & Smoke color palette

Dark Minimal White Gray Black

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Cheerful Taupe & Smoke is a neutral-based color palette tagged dark, minimal, white. Taupe is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Smoke	`#F2F2F2`	`rgb(242, 242, 242)`	`hsl(0, 0%, 95%)`	`oklch(96.1% 0.000 0)`
Mushroom	`#B3B3B3`	`rgb(179, 179, 179)`	`hsl(0, 0%, 70%)`	`oklch(76.7% 0.000 0)`
Taupe	`#483800`	`rgb(72, 56, 0)`	`hsl(47, 100%, 14%)`	`oklch(34.8% 0.071 91)`
Black	`#000000`	`rgb(0, 0, 0)`	`hsl(0, 0%, 0%)`	`oklch(0.0% 0.000 0)`

Why it works and how to use it

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

Pair	Sample	Ratio	Level
`#F2F2F2` on `#000000`	Aa	18.76:1	AAA
`#F2F2F2` on `#483800`	Aa	10.19:1	AAA
`#B3B3B3` on `#000000`	Aa	10.02:1	AAA
`#B3B3B3` on `#483800`	Aa	5.44:1	AA
`#F2F2F2` on `#B3B3B3`	Aa	1.87:1	Fail
`#483800` on `#000000`	Aa	1.84:1	Fail

Cheerful Taupe & Smoke 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 Cheerful Taupe & Smoke

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood