#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#C78AA4Lilac
#A1B4D8Heather
#DCB1E2Thistle
#D8D5E8Fog
Elegant Thistle & Lilac is a pastel light, split color palette tagged pastel, muted, purple. The hues span about 115°, 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 |
|---|---|---|---|---|---|
| Lilac | #C78AA4 | rgb(199, 138, 164) | hsl(334, 35%, 66%) | oklch(70.2% 0.081 352) | |
| Heather | #A1B4D8 | rgb(161, 180, 216) | hsl(219, 41%, 74%) | oklch(76.8% 0.056 263) | |
| Thistle | #DCB1E2 | rgb(220, 177, 226) | hsl(293, 46%, 79%) | oklch(81.4% 0.082 322) | |
| Fog | #D8D5E8 | rgb(216, 213, 232) | hsl(249, 29%, 87%) | oklch(88.1% 0.026 293) |
Why it works and how to use it
With 4 chromatic colors, Thistle takes the lead while the rest support. Lightness runs from 66% to 87%. Well suited to social media templates and gentle interfaces.
- Background: Fog (#D8D5E8) is the lightest color, so it belongs on large surfaces.
- Text: Lilac (#C78AA4) on #D8D5E8 gives 1.92:1, so pair it with a darker neutral for body copy.
- Primary: Thistle (#DCB1E2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Heather (#A1B4D8) 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 Elegant Thistle & 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
#C78AA4
#A1B4D8
#DCB1E2
#D8D5E8
Color-blind check: under protanopia and deuteranopia, Heather and Thistle 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 |
|---|---|---|---|
#C78AA4 on #D8D5E8 | Aa | 1.92:1 | Fail |
#C78AA4 on #DCB1E2 | Aa | 1.5:1 | Fail |
#A1B4D8 on #D8D5E8 | Aa | 1.46:1 | Fail |
#C78AA4 on #A1B4D8 | Aa | 1.32:1 | Fail |
#DCB1E2 on #D8D5E8 | Aa | 1.28:1 | Fail |
#A1B4D8 on #DCB1E2 | Aa | 1.14:1 | Fail |
Similar palettes 24 more in this mood
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#C8A9B3
#C5B6EC
#FECDFC
#E2EBFF
#DBE1FF
#A1D0FC
#EAAFDB
#B9A0D5
#A19DB1
#E2A5CD
#E8C6F3
#E6EBFF
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#97A4C6
#BEB3F2
#DBBBCF
#F6DFFF
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#B8AA6D
#96C6AC
#CBD89D
#DDF5D8
#BCA19B
#E3AEBA
#F1C9A6
#FEEDB0
#95B39E
#BAD297
#ACF6EA
#F5EFD2
#ADB09D
#DDAB7F
#ACCBA5
#E2D3AE
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#AABBF3
#D4B9CE
#DFCBFF
#CEE8FC
#D4DDC2
#A7D9A4
#C5BF9C
#B59A71
#EFE7D9
#D7F3B4
#90C59B
#AEAD93
#C689AA
#BBA7A4
#D2B3D2
#FFD5DD
#A2A285
#CE8F73
#E7C4A3
#FFE9B9
#BCB284
#EABBAB
#C2DA9E
#FFD3A5
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#B8B2A4
#A7D39D
#D7E09F
#FFE9D5
#7CB38A
#B1C3BF
#DFCD8A
#DFF3BB
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#E29D91
#E0BBC5
#EFDAC9
#FFD9F8