#F8FAFB
#DDE2E8
#A6B0B7
#4B5257
#F2F4F5Smoke
#C9CED3Fog
#8A949BPewter
#3B4247Iron
Silver Birch color palette
Silver Birch is a muted neutral-based color palette tagged winter, monochrome, minimal. Smoke 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 (25% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Smoke (#F2F4F5) is the lightest color, so it belongs on large surfaces.
- Text: Iron (#3B4247) on #F2F4F5 gives 9.26:1, passing WCAG AAA.
- Primary: Fog (#C9CED3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pewter (#8A949B) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Iron at 9.26:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Silver Birch
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#F2F4F5
#C9CED3
#8A949B
#3B4247
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F2F4F5 on #3B4247 | Aa | 9.26:1 | AAA |
#C9CED3 on #3B4247 | Aa | 6.45:1 | AA |
#8A949B on #3B4247 | Aa | 3.3:1 | AA large only |
#F2F4F5 on #8A949B | Aa | 2.8:1 | Fail |
#C9CED3 on #8A949B | Aa | 1.95:1 | Fail |
#F2F4F5 on #C9CED3 | Aa | 1.44:1 | Fail |
Similar palettes 24 more in this mood
#2C3E50
#7F8C8D
#BDC3C7
#ECF0F1
#3B3F47
#8C93A0
#D5DAE3
#F7F8FA
#6B7B8C
#98A6B5
#C8D1DA
#EEF2F5
#FDF7ED
#C61C26
#E5D3BA
#313235
#444444
#876857
#E15848
#FEF9F4
#2B2B2B
#6B4E3D
#C0392B
#F4EFEA
#405365
#99A7A8
#D6DCE0
#F7FBFC
#1E3A2F
#3E6B55
#DCE7E1
#FBFCFB
#F7FBFF
#D7E6F2
#7FA7C9
#243B53
#663537
#955558
#E2DAD5
#F5F2F1
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#5A5A5A
#98857A
#DF8C7F
#F1EEEB
#212529
#525A61
#ADB5BD
#F8F9FA
#463F3A
#8A817C
#BCB8B1
#F4F3EE
#1E1E1E
#575757
#8A8A8A
#EDEDED
#495057
#868E96
#CED4DA
#F1F3F5
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#FAFAF7
#E0E0DB
#2B2B2B
#8C8C88
#F5F3EE
#DDD8CF
#9AA39B
#3A3F3C
#F6F1EA
#E3D9CC
#5C6670
#2A2E33
#F8F7F5
#DEDCD9
#CFC9C2
#3B3936
#F9F9FB
#DDDFE4
#C1C5D0
#44495A