Sienna & Gunmetal Bloom is a muted neutral-based color palette tagged minimal, brown, white. Sienna 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 (21% to 99%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#31343B) on #FDFDFD gives 12.25:1, passing WCAG AAA.
- Primary: Sienna (#A44E4D) is the most saturated mid-tone; use it for buttons and links (5.47:1 against the background, fine for UI elements).
- Accent: Glacier (#DBDEE4) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Gunmetal at 12.25:1.
Preview on a real UI see how the palette feels in context
Design faster with Sienna & Gunmetal Bloom
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 |
|---|---|---|---|
#FDFDFD on #31343B | Aa | 12.25:1 | AAA |
#31343B on #DBDEE4 | Aa | 9.25:1 | AAA |
#A44E4D on #FDFDFD | Aa | 5.47:1 | AA |
#A44E4D on #DBDEE4 | Aa | 4.13:1 | AA large only |
#A44E4D on #31343B | Aa | 2.24:1 | Fail |
#FDFDFD on #DBDEE4 | Aa | 1.33:1 | Fail |