#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#FFE8FCPetal
#DFACD1Lilac
#95774CShadow
#4D4840Graphite
Wanderer Lilac & Shadow color palette
Wanderer Lilac & Shadow is a split color palette tagged muted. A split scheme: Lilac plays against Shadow across roughly 79° of hue. 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 |
|---|---|---|---|---|---|
| Petal | #FFE8FC | rgb(255, 232, 252) | hsl(308, 100%, 95%) | oklch(95.5% 0.036 330) | |
| Lilac | #DFACD1 | rgb(223, 172, 209) | hsl(316, 44%, 77%) | oklch(80.2% 0.077 336) | |
| Shadow | #95774C | rgb(149, 119, 76) | hsl(35, 32%, 44%) | oklch(58.8% 0.070 76) | |
| Graphite | #4D4840 | rgb(77, 72, 64) | hsl(37, 9%, 28%) | oklch(40.4% 0.015 80) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (95% down to 28% lightness). A natural fit for websites, presentations and branding.
- Background: Petal (#FFE8FC) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#4D4840) on #FFE8FC gives 7.86:1, passing WCAG AAA.
- Primary: Lilac (#DFACD1) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Shadow (#95774C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Petal on Graphite at 7.86:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Wanderer Lilac & Shadow
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
#FFE8FC
#DFACD1
#95774C
#4D4840
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FFE8FC on #4D4840 | Aa | 7.86:1 | AAA |
#DFACD1 on #4D4840 | Aa | 4.73:1 | AA |
#FFE8FC on #95774C | Aa | 3.62:1 | AA large only |
#DFACD1 on #95774C | Aa | 2.18:1 | Fail |
#95774C on #4D4840 | Aa | 2.17:1 | Fail |
#FFE8FC on #DFACD1 | Aa | 1.66:1 | Fail |
Similar palettes 24 more in this mood
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#1A4D2E
#4F6F52
#E8DFCA
#F5EFE6
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#B08968
#DDB892
#E6CCB2
#FFF6EA
#27374D
#526D82
#9DB2BF
#DDE6ED
#3E2723
#6D4C41
#A1887F
#EFEBE9
#40513B
#609966
#9DC08B
#EDF1D6
#0D1B2A
#3C5374
#5A7A9E
#E0E1DD
#CDB4DB
#FFC8DD
#FFAFCC
#BDE0FE
#7F5539
#B08968
#DDB892
#EDE0D4
#5E548E
#9F86C0
#BE95C4
#E0B1CB
#5F7161
#6D8B74
#A7C4BC
#EFEAD8
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#7D6E5D
#B9A990
#E7DFD3
#F9F7F3
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#2F3E46
#354F52
#52796F
#CAD2C5
#FFAFCC
#FFC8DD
#BDE0FE
#A2D2FF
#0D1F22
#345365
#7A9E7E
#E9F5DB
#22223B
#595D79
#9A8C98
#F2E9E4