#A630C1
#755EF5
#7ABCFF
#80E6FF
#F9E6F9Lavender
#F2BBEFCotton Candy
#B0E8F5Glacier
#52549CDusk
Dusk & Cotton Candy Sky is a pastel light, split color palette tagged modern, cold, blue. A split scheme: Lavender plays against Dusk across roughly 112° of hue. High lightness and gentle saturation put it firmly in pastel territory. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Lavender | #F9E6F9 | rgb(249, 230, 249) | hsl(300, 61%, 94%) | oklch(94.6% 0.032 326) | |
| Cotton Candy | #F2BBEF | rgb(242, 187, 239) | hsl(303, 68%, 84%) | oklch(85.7% 0.092 328) | |
| Glacier | #B0E8F5 | rgb(176, 232, 245) | hsl(191, 78%, 83%) | oklch(89.7% 0.060 214) | |
| Dusk | #52549C | rgb(82, 84, 156) | hsl(238, 31%, 47%) | oklch(48.0% 0.114 280) |
Why it works and how to use it
It works because the lightness range is wide (47% to 94%), which gives clear hierarchy between background, content and accents. Try it for social media templates and gentle interfaces.
- Background: Lavender (#F9E6F9) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#52549C) on #F9E6F9 gives 5.7:1, passing WCAG AA.
- Primary: Glacier (#B0E8F5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Cotton Candy (#F2BBEF) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Lavender on Dusk at 5.7:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusk & Cotton Candy Sky
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
#F9E6F9
#F2BBEF
#B0E8F5
#52549C
Color-blind check: under protanopia and deuteranopia, Lavender and Glacier 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 |
|---|---|---|---|
#F9E6F9 on #52549C | Aa | 5.7:1 | AA |
#B0E8F5 on #52549C | Aa | 5.06:1 | AA |
#F2BBEF on #52549C | Aa | 4.23:1 | AA large only |
#F9E6F9 on #F2BBEF | Aa | 1.35:1 | Fail |
#F2BBEF on #B0E8F5 | Aa | 1.2:1 | Fail |
#F9E6F9 on #B0E8F5 | Aa | 1.13:1 | Fail |
Similar palettes 24 more in this mood
#EEF4FF
#92CEF9
#0090DA
#072E46
#00736B
#20A8BE
#66B6E9
#ABC7FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#006DA4
#4E8DF9
#A3A9FF
#D5C1FF
#B6CCFF
#62B0FF
#00A0DD
#00657B
#93D0FF
#849DFF
#A186CC
#853E7E
#EEF4FF
#A9C6FF
#4C7DFF
#1B2A49
#EEF4FF
#BDBFFD
#7F6EFA
#272648
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#03045E
#0077B6
#CAF0F8
#74D3FF
#5C8D89
#A7D7C5
#F4F9F4
#87D9FF
#D5DBE6
#8EAAE2
#3663E3
#06132F
#EEF4FF
#9CBDFF
#4C7DFF
#3B5486
#0D1B2A
#3C5374
#5A7A9E
#E0E1DD
#1C2541
#465D79
#5BC0BE
#FFFFFF
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#00818A
#009D8C
#31CA88
#ACE496
#EA4A59
#8EC5FC
#E0C3FC
#FDFDFD
#2E3C56
#00678B
#5A7779
#45BC9A
#1053C1
#9267B3
#E17BA0
#FFB390
#498711
#00AA6D
#00C0AE
#00DDF3
#4A3222
#8B5E3C
#72D1FF
#FFF8EC
#00735C
#379879
#7DC5A6
#81E3CC