What are the hex codes in the Clean Mushroom & Raisin palette?

The Clean Mushroom & Raisin color palette consists of Almond #E2E1DF, Silver #C9C7C4, Mushroom #B3ADA6, Raisin #272523.

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

Use Almond #E2E1DF as the background, Raisin #272523 for text, Mushroom #B3ADA6 for buttons and links, and Silver #C9C7C4 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Raisin at 11.69:1.

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

The highest-contrast pair is #E2E1DF on #272523 with a ratio of 11.69:1, which passes WCAG AA for normal text.

#E2E1DFAlmond

#C9C7C4Silver

#B3ADA6Mushroom

#272523Raisin

Clean Mushroom & Raisin color palette

Monochrome Minimal Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Almond	`#E2E1DF`	`rgb(226, 225, 223)`	`hsl(40, 5%, 88%)`	`oklch(91.0% 0.003 85)`
Silver	`#C9C7C4`	`rgb(201, 199, 196)`	`hsl(36, 4%, 78%)`	`oklch(83.0% 0.005 78)`
Mushroom	`#B3ADA6`	`rgb(179, 173, 166)`	`hsl(32, 8%, 68%)`	`oklch(75.1% 0.012 72)`
Raisin	`#272523`	`rgb(39, 37, 35)`	`hsl(30, 5%, 15%)`	`oklch(26.6% 0.005 68)`

Why it works and how to use it

Clean Mushroom & Raisin is a muted neutral-based color palette tagged monochrome, minimal, gray. Built almost entirely from neutrals, with Mushroom (#B3ADA6) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

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

Background: Almond (#E2E1DF) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#272523) on #E2E1DF gives 11.69:1, passing WCAG AAA.
Primary: Mushroom (#B3ADA6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Silver (#C9C7C4) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Raisin at 11.69:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Clean Mushroom & Raisin

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#E2E1DF

#C9C7C4

#B3ADA6

#272523

Color-blind check: under deuteranopia and tritanopia, Silver and Mushroom become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#E2E1DF` on `#272523`	Aa	11.69:1	AAA
`#C9C7C4` on `#272523`	Aa	9.05:1	AAA
`#B3ADA6` on `#272523`	Aa	6.87:1	AA
`#E2E1DF` on `#B3ADA6`	Aa	1.7:1	Fail
`#C9C7C4` on `#B3ADA6`	Aa	1.32:1	Fail
`#E2E1DF` on `#C9C7C4`	Aa	1.29:1	Fail

Similar palettes 24 more in this mood