#7B68EE
#A594F9
#CDC1FF
#F5EFFF
#412861Space
#7C56AFSlate Blue
#C188BELilac
#F7E8F0Petal
Slate Blue & Lilac Haze is a analogous color palette tagged cold, purple, white. Analogous neighbors on the wheel (Space, Slate Blue, Lilac) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Space | #412861 | rgb(65, 40, 97) | hsl(266, 42%, 27%) | oklch(33.8% 0.098 302) | |
| Slate Blue | #7C56AF | rgb(124, 86, 175) | hsl(266, 36%, 51%) | oklch(53.4% 0.138 302) | |
| Lilac | #C188BE | rgb(193, 136, 190) | hsl(303, 31%, 65%) | oklch(70.1% 0.100 328) | |
| Petal | #F7E8F0 | rgb(247, 232, 240) | hsl(328, 48%, 94%) | oklch(94.5% 0.019 344) |
Why it works and how to use it
With 4 chromatic colors, Slate Blue takes the lead while the rest support. Lightness runs from 27% to 94%. Well suited to websites, presentations and branding.
- Background: Petal (#F7E8F0) is the lightest color, so it belongs on large surfaces.
- Text: Space (#412861) on #F7E8F0 gives 10.44:1, passing WCAG AAA.
- Primary: Slate Blue (#7C56AF) is the most saturated mid-tone; use it for buttons and links (4.66:1 against the background, fine for UI elements).
- Accent: Lilac (#C188BE) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Petal at 10.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Slate Blue & Lilac Haze
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
#412861
#7C56AF
#C188BE
#F7E8F0
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#412861 on #F7E8F0 | Aa | 10.44:1 | AAA |
#7C56AF on #F7E8F0 | Aa | 4.66:1 | AA |
#412861 on #C188BE | Aa | 4.43:1 | AA large only |
#C188BE on #F7E8F0 | Aa | 2.36:1 | Fail |
#412861 on #7C56AF | Aa | 2.24:1 | Fail |
#7C56AF on #C188BE | Aa | 1.98:1 | Fail |
Similar palettes 24 more in this mood
#F6F1FF
#D8CCF5
#B4A2E8
#3E3560
#14101F
#4D4365
#8E6BFF
#EEE9FF
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#121826
#8A2BE2
#00FFC6
#F0F0FF
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#3F195F
#7F38AE
#8DC668
#F6F3EA
#EEF4FF
#D8B6F0
#B05ADC
#342241
#3B1752
#793EA4
#C493DF
#F1EFFC
#0B3B2E
#1F6F5B
#C29DFD
#F6F1E6
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#12665C
#2A9D8F
#CFBCFF
#F7F2E4
#3F1F52
#7D4DAB
#B275FF
#FCF9FF
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#BD5BD4
#8EC5FC
#E0C3FC
#FDFDFD
#262D3C
#A049FD
#C9FFEA
#F9F9FF
#4A1D75
#7B3FA0
#C6F35A
#F7F7F7
#FBF9FF
#CEBDF7
#8471C3
#3E3856
#F3EDFF
#C5B4F9
#9182A3
#605C64
#3D265C
#63408E
#D6B5C8
#FAF3EE
#9082FF
#BBB0FF
#E6E1FF
#FBF9FF
#FBFAFF
#C2B8D7
#7F23FE
#555071