#121826
#8A2BE2
#00FFC6
#F0F0FF
#FDFDFDWhite
#E6E2EDLavender
#7B56FFSlate Blue
#554F77Dusk
Slate Blue & Dusk Dream is a pastel light, monochromatic color palette tagged neon, cold, white. All four colors sit within 13° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) | |
| Lavender | #E6E2ED | rgb(230, 226, 237) | hsl(262, 23%, 91%) | oklch(91.9% 0.015 303) | |
| Slate Blue | #7B56FF | rgb(123, 86, 255) | hsl(253, 100%, 67%) | oklch(59.0% 0.237 287) | |
| Dusk | #554F77 | rgb(85, 79, 119) | hsl(249, 20%, 39%) | oklch(45.0% 0.065 290) |
Why it works and how to use it
It works because the lightness range is wide (39% to 99%), which gives clear hierarchy between background, content and accents. Try it for social media templates and gentle interfaces.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#554F77) on #FDFDFD gives 7.45:1, passing WCAG AAA.
- Primary: Slate Blue (#7B56FF) is the most saturated mid-tone; use it for buttons and links (4.47:1 against the background, fine for UI elements).
- Accent: Lavender (#E6E2ED) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Dusk at 7.45:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Slate Blue & Dusk Dream
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
#FDFDFD
#E6E2ED
#7B56FF
#554F77
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FDFDFD on #554F77 | Aa | 7.45:1 | AAA |
#E6E2ED on #554F77 | Aa | 5.94:1 | AA |
#FDFDFD on #7B56FF | Aa | 4.47:1 | AA large only |
#E6E2ED on #7B56FF | Aa | 3.57:1 | AA large only |
#7B56FF on #554F77 | Aa | 1.67:1 | Fail |
#FDFDFD on #E6E2ED | Aa | 1.25:1 | Fail |
Similar palettes 24 more in this mood
#5341A4
#5D33DA
#AA98FF
#F1EFFC
#64299F
#A34CFF
#F78BF3
#FFF8FC
#262D3C
#A049FD
#C9FFEA
#F9F9FF
#FBFAFF
#C2B8D7
#7F23FE
#555071
#9137D9
#7277E7
#66BFF6
#EDFFF9
#271545
#7943FF
#C594FF
#FCF9FF
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#0B3D2E
#00FF87
#60EFFF
#FFFFFF
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#D62598
#7B2CBF
#FFC300
#FFFFFF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#650088
#9F45E1
#AE63D0
#DCB5FF
#EFEFEF
#A22DE0
#6A5F52
#222221
#0C050C
#B296FF
#EE70FF
#99D6FF
#00090B
#7C49FF
#008996
#00A7E4
#971C8A
#E344C0
#F0B4E0
#FDFDFD
#FBFAFF
#E8E1F7
#7C3AED
#1E1B2E
#E740D1
#EB91E8
#00253B
#F6F6F9
#EF42AD
#974EDF
#FFE8B6
#FAFAFA
#004559
#AB5BFF
#FF92A5
#F8F9FA
#5A4492
#8100D1
#DDA2FF
#00DCBE
#BC3AC9
#5240D3
#FFBE82
#FDFDFD
#C149F0
#FFD070
#0B0B0F
#FFECE9