#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#522C4BPlum Purple
#804D78Plum
#BB92B6Lilac
#F5E9E9Linen
Faded Plum & Lilac is a analogous color palette tagged muted, 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 | #522C4B | rgb(82, 44, 75) | hsl(311, 30%, 25%) | oklch(35.4% 0.072 334) | |
| Plum | #804D78 | rgb(128, 77, 120) | hsl(309, 25%, 40%) | oklch(49.4% 0.091 333) | |
| Lilac | #BB92B6 | rgb(187, 146, 182) | hsl(307, 23%, 65%) | oklch(71.0% 0.069 330) | |
| Linen | #F5E9E9 | rgb(245, 233, 233) | hsl(0, 38%, 94%) | oklch(94.3% 0.013 17) |
Why it works and how to use it
With 4 chromatic colors, Plum takes the lead while the rest support. Lightness runs from 25% to 94%. Well suited to websites, presentations and branding.
- Background: Linen (#F5E9E9) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#522C4B) on #F5E9E9 gives 9.73:1, passing WCAG AAA.
- Primary: Plum (#804D78) is the most saturated mid-tone; use it for buttons and links (5.45:1 against the background, fine for UI elements).
- Accent: Lilac (#BB92B6) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Linen at 9.73:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Faded Plum & 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
#522C4B
#804D78
#BB92B6
#F5E9E9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#522C4B on #F5E9E9 | Aa | 9.73:1 | AAA |
#804D78 on #F5E9E9 | Aa | 5.45:1 | AA |
#522C4B on #BB92B6 | Aa | 4.34:1 | AA large only |
#804D78 on #BB92B6 | Aa | 2.43:1 | Fail |
#BB92B6 on #F5E9E9 | Aa | 2.24:1 | Fail |
#522C4B on #804D78 | Aa | 1.79:1 | Fail |
Similar palettes 24 more in this mood
#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#A19DB1
#E2A5CD
#E8C6F3
#E6EBFF
#612E47
#9B5D79
#DDAEC0
#F2F1FB
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#FFF3EC
#F8D0EC
#ECB2E6
#675064
#F3EDFF
#C5B4F9
#9182A3
#605C64
#343042
#6F6483
#CCA6E1
#FDF8FF
#FBF7EF
#EAD9B8
#B3A1E5
#3A3226
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#784C7B
#B98CB6
#E8C2D5
#F6EFE8
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#F7F7EC
#D6E4B8
#C8ABE3
#3F5233
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#A273A7
#D4A3D4
#E9C9E4
#FDF2F0
#A0DCA3
#BDE0FE
#CDB4DB
#FDFDFD
#3F3D48
#7E798F
#C2B9FF
#EFECFA
#1A4D2E
#4F6F52
#E8DFCA
#F5EFE6