#006D77
#83C5BE
#EDF6F9
#FFDDD2
#023550Prussian Blue
#438CB6Steel Blue
#8AC1BFAsh
#CCD9E7Fog
Glacier Steel Blue & Ash is a analogous color palette tagged muted, cold, gray. Analogous neighbors on the wheel (Prussian Blue, Steel Blue, Ash) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Prussian Blue | #023550 | rgb(2, 53, 80) | hsl(201, 95%, 16%) | oklch(31.3% 0.069 239) | |
| Steel Blue | #438CB6 | rgb(67, 140, 182) | hsl(202, 46%, 49%) | oklch(61.1% 0.097 237) | |
| Ash | #8AC1BF | rgb(138, 193, 191) | hsl(178, 31%, 65%) | oklch(77.2% 0.057 193) | |
| Fog | #CCD9E7 | rgb(204, 217, 231) | hsl(211, 36%, 85%) | oklch(88.0% 0.024 250) |
Why it works and how to use it
It works because the lightness range is wide (16% to 85%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Fog (#CCD9E7) is the lightest color, so it belongs on large surfaces.
- Text: Prussian Blue (#023550) on #CCD9E7 gives 9:1, passing WCAG AAA.
- Primary: Steel Blue (#438CB6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ash (#8AC1BF) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Fog at 9:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Glacier Steel Blue & Ash
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
#023550
#438CB6
#8AC1BF
#CCD9E7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#023550 on #CCD9E7 | Aa | 9:1 | AAA |
#023550 on #8AC1BF | Aa | 6.43:1 | AA |
#023550 on #438CB6 | Aa | 3.48:1 | AA large only |
#438CB6 on #CCD9E7 | Aa | 2.59:1 | Fail |
#438CB6 on #8AC1BF | Aa | 1.85:1 | Fail |
#8AC1BF on #CCD9E7 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#688E79
#83B9C6
#B7D3A5
#D0D1D0
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#78A89A
#55849E
#005756
#003741
#64557C
#8B83A7
#C4BCCF
#F2EFF5
#425355
#588DAD
#9081B1
#A8AEBB
#586386
#8C97BB
#DCE1F0
#F9FAFD
#020B25
#27446D
#C2AE91
#E3E0DB
#CFFAFF
#7FD9DA
#538582
#52514C
#D2D0DA
#BDB8D4
#7269A8
#231D46
#CFFBE5
#88C5A7
#5E5E4D
#3B3A37
#115339
#267A56
#9DC9AC
#E5E3DD
#777B83
#8E8FB7
#A9AFB2
#A5D0F4
#3A4151
#737E9E
#9EB2CF
#B9FFF2
#F3EDFF
#C5B4F9
#9182A3
#605C64
#404C60
#738DAB
#97C4F5
#E7F0F9
#273754
#52719E
#F1DDBE
#FDFAF5
#458EB8
#93BFDC
#D3C9B7
#393128
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#06443E
#338479
#A4D0C8
#DBE5E3
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#D5DFDC
#AED0C6
#489D8B
#043730
#3C5148
#7A9B76
#C8D5B9
#F6F5EE