#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#673857Plum Purple
#9C5688Plum
#D48DB3Lilac
#F7E8DEEggshell
Plum & Lilac Trail is a analogous color palette tagged warm, purple, white. Analogous neighbors on the wheel (Plum Purple, Plum, Lilac) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum Purple | #673857 | rgb(103, 56, 87) | hsl(320, 30%, 31%) | oklch(41.0% 0.079 341) | |
| Plum | #9C5688 | rgb(156, 86, 136) | hsl(317, 29%, 47%) | oklch(55.2% 0.113 339) | |
| Lilac | #D48DB3 | rgb(212, 141, 179) | hsl(328, 45%, 69%) | oklch(72.6% 0.099 347) | |
| Eggshell | #F7E8DE | rgb(247, 232, 222) | hsl(24, 61%, 92%) | oklch(94.0% 0.021 56) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (92% down to 31% lightness). A natural fit for websites, presentations and branding.
- Background: Eggshell (#F7E8DE) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#673857) on #F7E8DE gives 7.7:1, passing WCAG AAA.
- Primary: Lilac (#D48DB3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum (#9C5688) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Eggshell at 7.7:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Plum & Lilac Trail
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
#673857
#9C5688
#D48DB3
#F7E8DE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#673857 on #F7E8DE | Aa | 7.7:1 | AAA |
#9C5688 on #F7E8DE | Aa | 4.28:1 | AA large only |
#673857 on #D48DB3 | Aa | 3.62:1 | AA large only |
#D48DB3 on #F7E8DE | Aa | 2.12:1 | Fail |
#9C5688 on #D48DB3 | Aa | 2.01:1 | Fail |
#673857 on #9C5688 | Aa | 1.8:1 | Fail |
Similar palettes 24 more in this mood
#562945
#A5467F
#FB99A8
#FFEFED
#B3408B
#D178B4
#FFC0BB
#F4F1DE
#612E47
#9B5D79
#DDAEC0
#F2F1FB
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#E79EE3
#FFC9CF
#D5D491
#FFF9F2
#7C3555
#D17B96
#8E269E
#FFF8E7
#521444
#992956
#DD9C84
#F5EBDD
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#74204D
#A93B74
#E8D8D0
#F6F2EF
#B3001B
#E63946
#F8E9E9
#1D1D1D
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#6B1E3D
#A44D68
#76D97F
#F8F6F1
#4E2140
#9D4C7F
#DD84BB
#FFF8FC
#7F1767
#B9217D
#E565B2
#FCE4EC
#F5F1FB
#ECC6DB
#C978AE
#5B224F
#B08968
#DDB892
#E6CCB2
#FFF6EA
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#FF1493
#FF69B4
#FFB6C1
#FFF0F5
#9E2A2B
#E09F3E
#FFF3B0
#FFFFFF
#3A0F2E
#8A3B6D
#C06AA0
#F7E8F1
#B22222
#165B33
#F8B229
#FFFFFF
#FFBE98
#F9A98D
#F8D5C2
#FFF4EC
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A