#E2EFEA
#CC64E0
#385B4F
#1D322B
#F3ECFAFrost
#CBAFEEWisteria
#E6B190Dusty Rose
#624489Dusk
Dusk & Wisteria Echo is a pastel light, split color palette tagged modern, white, purple. The hues span about 117°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #F3ECFA | rgb(243, 236, 250) | hsl(270, 58%, 95%) | oklch(95.3% 0.020 308) | |
| Wisteria | #CBAFEE | rgb(203, 175, 238) | hsl(267, 65%, 81%) | oklch(80.0% 0.092 305) | |
| Dusty Rose | #E6B190 | rgb(230, 177, 144) | hsl(23, 63%, 73%) | oklch(80.1% 0.077 53) | |
| Dusk | #624489 | rgb(98, 68, 137) | hsl(266, 34%, 40%) | oklch(45.2% 0.113 302) |
Why it works and how to use it
With 3 chromatic colors, Wisteria takes the lead while the rest support. Lightness runs from 40% to 95%. Well suited to social media templates and gentle interfaces.
- Background: Frost (#F3ECFA) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#624489) on #F3ECFA gives 6.72:1, passing WCAG AA.
- Primary: Wisteria (#CBAFEE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Rose (#E6B190) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Dusk at 6.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusk & Wisteria Echo
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
#F3ECFA
#CBAFEE
#E6B190
#624489
Color-blind check: under tritanopia, Wisteria and Dusty Rose become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F3ECFA on #624489 | Aa | 6.72:1 | AA |
#E6B190 on #624489 | Aa | 4.08:1 | AA large only |
#CBAFEE on #624489 | Aa | 4.03:1 | AA large only |
#F3ECFA on #CBAFEE | Aa | 1.67:1 | Fail |
#F3ECFA on #E6B190 | Aa | 1.65:1 | Fail |
#CBAFEE on #E6B190 | Aa | 1.01:1 | Fail |
Similar palettes 24 more in this mood
#F9F5FF
#ECD4FF
#526A00
#3A3A3A
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#B03DBB
#FDFDFD
#DFCBF6
#756F25
#EEF4FF
#D8B6F0
#B05ADC
#342241
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#C349AF
#E07FC3
#F4B5DA
#F5EFFF
#D871CA
#0582CA
#F5F0E1
#F4A261
#971C8A
#E344C0
#F0B4E0
#FDFDFD
#FAF8FD
#E9E2F5
#6D4AA8
#24203A
#1B1B1B
#D68B00
#B549D5
#F2F2F2
#AD7500
#A594F9
#CDC1FF
#F5EFFF
#FFF7F9
#EED8E0
#B341D6
#221A2B
#A58EEE
#E4C36B
#8A6A44
#F5EEDF
#2D2B26
#F1F1F1
#AC4800
#C87CE9
#F0EEEA
#5A5A5A
#FFCEB7
#B88DCD
#532C59
#A05E9F
#D07EC1
#FFF7FF
#FFA8C1
#9A71CB
#6664B4
#D7F4FF
#7E4480
#A476AE
#D4B4D0
#F3EEF8
#8B5E1E
#AD9FFA
#F3D48A
#FFF8E5
#FFCB77
#FEF9EF
#BB94EB
#227C9D
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#111111
#424242
#E444BE
#FAFAFA
#484848
#FFC8AE
#BCABFF
#EEEEEE