Clean Mushroom & Raisin color palette
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.
Color codes click any value to copy
Why it works and how to use it
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
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 SecondaryColor blindness simulation
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.
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 |