#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#F4F2F8Smoke
#DCD6EAFog
#C9BFE0Thistle
#4B4560Eggplant
Cloudy Lilac is a pastel light, monochromatic color palette tagged muted, minimal, white. All four colors sit within 0° 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 |
|---|---|---|---|---|---|
| Smoke | #F4F2F8 | rgb(244, 242, 248) | hsl(260, 30%, 96%) | oklch(96.4% 0.008 301) | |
| Fog | #DCD6EA | rgb(220, 214, 234) | hsl(258, 32%, 88%) | oklch(88.7% 0.028 300) | |
| Thistle | #C9BFE0 | rgb(201, 191, 224) | hsl(258, 35%, 81%) | oklch(82.3% 0.047 299) | |
| Eggplant | #4B4560 | rgb(75, 69, 96) | hsl(253, 16%, 32%) | oklch(40.7% 0.045 295) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Thistle to lead. Lightness runs from 32% to 96%. Well suited to social media templates and gentle interfaces.
- Background: Smoke (#F4F2F8) is the lightest color, so it belongs on large surfaces.
- Text: Eggplant (#4B4560) on #F4F2F8 gives 8.15:1, passing WCAG AAA.
- Primary: Thistle (#C9BFE0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Fog (#DCD6EA) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Eggplant at 8.15:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cloudy Lilac
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
#F4F2F8
#DCD6EA
#C9BFE0
#4B4560
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F4F2F8 on #4B4560 | Aa | 8.15:1 | AAA |
#DCD6EA on #4B4560 | Aa | 6.4:1 | AA |
#C9BFE0 on #4B4560 | Aa | 5.18:1 | AA |
#F4F2F8 on #C9BFE0 | Aa | 1.57:1 | Fail |
#F4F2F8 on #DCD6EA | Aa | 1.27:1 | Fail |
#DCD6EA on #C9BFE0 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#1A4D2E
#4F6F52
#E8DFCA
#F5EFE6
#3E2723
#6D4C41
#A1887F
#EFEBE9
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#F4F7F9
#D5DEE6
#8FA9BE
#2E3F4F
#F7FBFF
#D5E2ED
#ADCAE3
#2C4A66
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#5B4B5E
#8A7A8C
#C9BEC6
#F2EEF0
#FCEFF1
#F4C7CF
#72C8C1
#5E4B4E
#245B54
#4F9E92
#B7E4DC
#F1FBF9
#403351
#5B546B
#ACA1B7
#F3EAFF
#2C3A2F
#5B7553
#B7C4A8
#F3F1EA
#F7FBFF
#D7E6F2
#7FA7C9
#243B53
#F8F5FA
#E3D9EC
#B4A0C8
#5E5470
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E