#006D77
#83C5BE
#EDF6F9
#FFDDD2
#F3EDFFFrost
#C5B4F9Mauve
#9182A3Slate
#605C64Storm
Chilled Mauve & Slate is a neutral-based color palette tagged cold, muted, white. Frost is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #F3EDFF | rgb(243, 237, 255) | hsl(260, 100%, 96%) | oklch(95.6% 0.025 301) | |
| Mauve | #C5B4F9 | rgb(197, 180, 249) | hsl(255, 85%, 84%) | oklch(80.8% 0.098 295) | |
| Slate | #9182A3 | rgb(145, 130, 163) | hsl(267, 15%, 57%) | oklch(63.2% 0.052 306) | |
| Storm | #605C64 | rgb(96, 92, 100) | hsl(270, 4%, 38%) | oklch(48.1% 0.014 308) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Mauve to lead. Lightness runs from 38% to 96%. Well suited to websites, presentations and branding.
- Background: Frost (#F3EDFF) is the lightest color, so it belongs on large surfaces.
- Text: Storm (#605C64) on #F3EDFF gives 5.72:1, passing WCAG AA.
- Primary: Mauve (#C5B4F9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#9182A3) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Storm at 5.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chilled Mauve & Slate
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
#F3EDFF
#C5B4F9
#9182A3
#605C64
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F3EDFF on #605C64 | Aa | 5.72:1 | AA |
#C5B4F9 on #605C64 | Aa | 3.51:1 | AA large only |
#F3EDFF on #9182A3 | Aa | 3.1:1 | AA large only |
#C5B4F9 on #9182A3 | Aa | 1.9:1 | Fail |
#9182A3 on #605C64 | Aa | 1.84:1 | Fail |
#F3EDFF on #C5B4F9 | Aa | 1.63:1 | Fail |
Similar palettes 24 more in this mood
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#64557C
#8B83A7
#C4BCCF
#F2EFF5
#586386
#8C97BB
#DCE1F0
#F9FAFD
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#404C60
#738DAB
#97C4F5
#E7F0F9
#273754
#52719E
#F1DDBE
#FDFAF5
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#EEE9FF
#8F84AA
#5019B0
#14101F
#A0DCA3
#BDE0FE
#CDB4DB
#FDFDFD
#F0F1FF
#B5B6F5
#706F96
#424149
#1F2E3E
#526A8C
#7697BD
#FAFBF7
#7B68EE
#A594F9
#CDC1FF
#F5EFFF
#3F4A6B
#6F7A9C
#C6CBDA
#F3F4F7
#2F5D62
#5E8B7E
#A7C4BC
#F1F7F5
#A8DADC
#457B9D
#1D3557
#F1FAEE
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#F6F1FF
#D8CCF5
#B4A2E8
#3E3560
#14101F
#4D4365
#8E6BFF
#EEE9FF