#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#CC9CA3Lilac
#F4CAC7Baby Pink
#AD7D8AStone
#F7F1E8Linen
Stone & Lilac Mist is a pastel light, analogous color palette tagged muted, warm, romantic. Analogous neighbors on the wheel (Lilac, Baby Pink, Stone) give it a natural, low-tension flow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Lilac | #CC9CA3 | rgb(204, 156, 163) | hsl(351, 32%, 71%) | oklch(73.9% 0.058 9) | |
| Baby Pink | #F4CAC7 | rgb(244, 202, 199) | hsl(4, 67%, 87%) | oklch(87.4% 0.048 23) | |
| Stone | #AD7D8A | rgb(173, 125, 138) | hsl(344, 23%, 58%) | oklch(64.1% 0.062 1) | |
| Linen | #F7F1E8 | rgb(247, 241, 232) | hsl(36, 48%, 94%) | oklch(96.0% 0.014 78) |
Why it works and how to use it
It works because the lightness steps are gentle (58% to 94%), which keeps the mood consistent from edge to edge. Try it for social media templates and gentle interfaces.
- Background: Linen (#F7F1E8) is the lightest color, so it belongs on large surfaces.
- Text: Stone (#AD7D8A) on #F7F1E8 gives 3.08:1, enough for large headings only.
- Primary: Baby Pink (#F4CAC7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Lilac (#CC9CA3) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Stone & Lilac Mist
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
#CC9CA3
#F4CAC7
#AD7D8A
#F7F1E8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#AD7D8A on #F7F1E8 | Aa | 3.08:1 | AA large only |
#F4CAC7 on #AD7D8A | Aa | 2.32:1 | Fail |
#CC9CA3 on #F7F1E8 | Aa | 2.11:1 | Fail |
#CC9CA3 on #F4CAC7 | Aa | 1.6:1 | Fail |
#CC9CA3 on #AD7D8A | Aa | 1.46:1 | Fail |
#F4CAC7 on #F7F1E8 | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#FFF8F7
#FFD6CD
#FAB9AB
#CD8A7D
#FFF0F5
#FFB3D4
#D7919C
#9A8C91
#EEAFE0
#FFD1CB
#FFF8F1
#FFEEAC
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#B08968
#DDB892
#E6CCB2
#FFF6EA
#4B3832
#854442
#BE9B7B
#FFF4E6
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#452700
#686265
#FFB9A3
#FFEAEC
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#FDB2B2
#C0D9BA
#FFD0D0
#CCE0FF