Minimal Shadow & Silver is a muted neutral-based color palette tagged minimal, gray, brown. Shadow is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (13% to 85%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Bone (#DCD9D4) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#25221D) on #DCD9D4 gives 11.26:1, passing WCAG AAA.
- Primary: Shadow (#9D7B45) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Silver (#C7C0B6) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Raisin at 11.26:1.
Preview on a real UI see how the palette feels in context
Design faster with Minimal Shadow & Silver
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: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#DCD9D4 on #25221D | Aa | 11.26:1 | AAA |
#C7C0B6 on #25221D | Aa | 8.79:1 | AAA |
#25221D on #9D7B45 | Aa | 4.04:1 | AA large only |
#DCD9D4 on #9D7B45 | Aa | 2.79:1 | Fail |
#C7C0B6 on #9D7B45 | Aa | 2.18:1 | Fail |
#DCD9D4 on #C7C0B6 | Aa | 1.28:1 | Fail |