#F2F4F5
#C9CED3
#8A949B
#3B4247
#F8FAFBSnow
#DDE2E8Ice
#A6B0B7Dusty Blue
#4B5257Graphite
Dusty Blue & Graphite Tale color palette
Dusty Blue & Graphite Tale is a muted neutral-based color palette tagged winter, monochrome, minimal. Snow 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. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Snow | #F8FAFB | rgb(248, 250, 251) | hsl(200, 27%, 98%) | oklch(98.4% 0.003 229) | |
| Ice | #DDE2E8 | rgb(221, 226, 232) | hsl(213, 19%, 89%) | oklch(91.1% 0.010 253) | |
| Dusty Blue | #A6B0B7 | rgb(166, 176, 183) | hsl(205, 11%, 68%) | oklch(75.1% 0.015 238) | |
| Graphite | #4B5257 | rgb(75, 82, 87) | hsl(205, 7%, 32%) | oklch(43.4% 0.012 239) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Ice to lead. Lightness runs from 32% to 98%. Well suited to websites, presentations and branding.
- Background: Snow (#F8FAFB) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#4B5257) on #F8FAFB gives 7.59:1, passing WCAG AAA.
- Primary: Ice (#DDE2E8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Blue (#A6B0B7) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Graphite at 7.59:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusty Blue & Graphite Tale
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
#F8FAFB
#DDE2E8
#A6B0B7
#4B5257
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F8FAFB on #4B5257 | Aa | 7.59:1 | AAA |
#DDE2E8 on #4B5257 | Aa | 6.1:1 | AA |
#A6B0B7 on #4B5257 | Aa | 3.6:1 | AA large only |
#F8FAFB on #A6B0B7 | Aa | 2.11:1 | Fail |
#DDE2E8 on #A6B0B7 | Aa | 1.69:1 | Fail |
#F8FAFB on #DDE2E8 | Aa | 1.24: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