#FDF7ED
#C61C26
#E5D3BA
#313235
#2C3E50Charcoal
#7F8C8DStone
#BDC3C7Silver
#ECF0F1Frost
Winter Frost is a muted neutral-based color palette tagged winter, minimal, gray. Charcoal 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
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Charcoal | #2C3E50 | rgb(44, 62, 80) | hsl(210, 29%, 24%) | oklch(35.6% 0.039 249) | |
| Stone | #7F8C8D | rgb(127, 140, 141) | hsl(184, 6%, 53%) | oklch(63.0% 0.015 202) | |
| Silver | #BDC3C7 | rgb(189, 195, 199) | hsl(204, 8%, 76%) | oklch(81.4% 0.009 237) | |
| Frost | #ECF0F1 | rgb(236, 240, 241) | hsl(192, 15%, 94%) | oklch(95.2% 0.004 214) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (94% down to 24% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#ECF0F1) is the lightest color, so it belongs on large surfaces.
- Text: Charcoal (#2C3E50) on #ECF0F1 gives 9.57:1, passing WCAG AAA.
- Primary: Silver (#BDC3C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#7F8C8D) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Frost at 9.57:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Winter Frost
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
#2C3E50
#7F8C8D
#BDC3C7
#ECF0F1
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2C3E50 on #ECF0F1 | Aa | 9.57:1 | AAA |
#2C3E50 on #BDC3C7 | Aa | 6.17:1 | AA |
#2C3E50 on #7F8C8D | Aa | 3.16:1 | AA large only |
#7F8C8D on #ECF0F1 | Aa | 3.03:1 | AA large only |
#7F8C8D on #BDC3C7 | Aa | 1.95:1 | Fail |
#BDC3C7 on #ECF0F1 | Aa | 1.55:1 | Fail |
Similar palettes 24 more in this mood
#444444
#876857
#E15848
#FEF9F4
#2B2B2B
#6B4E3D
#C0392B
#F4EFEA
#F2F4F5
#C9CED3
#8A949B
#3B4247
#405365
#99A7A8
#D6DCE0
#F7FBFC
#F8FAFB
#DDE2E8
#A6B0B7
#4B5257
#1E3A2F
#3E6B55
#DCE7E1
#FBFCFB
#3B3F47
#8C93A0
#D5DAE3
#F7F8FA
#6B7B8C
#98A6B5
#C8D1DA
#EEF2F5
#F7FBFF
#D7E6F2
#7FA7C9
#243B53
#663537
#955558
#E2DAD5
#F5F2F1
#5A5A5A
#98857A
#DF8C7F
#F1EEEB
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#13505B
#0C7489
#8FD3E0
#F0FAFB
#574276
#595D6D
#9E819B
#EBA3B8
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#425355
#588DAD
#9081B1
#A8AEBB
#466947
#7E8D97
#73B9C2
#BAD2CB
#4B615B
#87A489
#91ADC0
#DEF1F4
#FCD1E4
#F4EEE3
#83DEB0
#F5A69F
#F7F5F1
#D01C35
#3C7E42
#BFE5F9
#D12935
#3C8253
#B1DDF4
#F3EFEA