#006D77
#83C5BE
#EDF6F9
#FFDDD2
#F0F1FFFrost
#B5B6F5Wisteria
#706F96Slate
#424149Iron
Azure Wisteria & 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 | #F0F1FF | rgb(240, 241, 255) | hsl(236, 100%, 97%) | oklch(96.1% 0.019 283) | |
| Wisteria | #B5B6F5 | rgb(181, 182, 245) | hsl(239, 76%, 84%) | oklch(79.8% 0.089 283) | |
| Slate | #706F96 | rgb(112, 111, 150) | hsl(242, 16%, 51%) | oklch(55.8% 0.060 285) | |
| Iron | #424149 | rgb(66, 65, 73) | hsl(248, 6%, 27%) | oklch(37.9% 0.014 291) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (97% down to 27% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#F0F1FF) is the lightest color, so it belongs on large surfaces.
- Text: Iron (#424149) on #F0F1FF gives 8.99:1, passing WCAG AAA.
- Primary: Wisteria (#B5B6F5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#706F96) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Iron at 8.99:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Azure Wisteria & 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
#F0F1FF
#B5B6F5
#706F96
#424149
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F0F1FF on #424149 | Aa | 8.99:1 | AAA |
#B5B6F5 on #424149 | Aa | 5.27:1 | AA |
#F0F1FF on #706F96 | Aa | 4.25:1 | AA large only |
#B5B6F5 on #706F96 | Aa | 2.49:1 | Fail |
#706F96 on #424149 | Aa | 2.11:1 | Fail |
#F0F1FF on #B5B6F5 | Aa | 1.71:1 | Fail |
Similar palettes 24 more in this mood
#64557C
#8B83A7
#C4BCCF
#F2EFF5
#586386
#8C97BB
#DCE1F0
#F9FAFD
#F3EDFF
#C5B4F9
#9182A3
#605C64
#404C60
#738DAB
#97C4F5
#E7F0F9
#273754
#52719E
#F1DDBE
#FDFAF5
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#1F2E3E
#526A8C
#7697BD
#FAFBF7
#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
#688E79
#83B9C6
#B7D3A5
#D0D1D0
#3D405B
#81B29A
#96DEFF
#F4F1DE
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#18213B
#526195
#7393C1
#ECFFFB
#ECFFFE
#81FEF1
#87C8BE
#89978D
#13505B
#0C7489
#8FD3E0
#F0FAFB
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB