#A630C1
#755EF5
#7ABCFF
#80E6FF
#855A8APlum
#A8688FMulberry
#D893A5Lilac
#FFBEBBMelon
Mulberry & Plum Path is a analogous color palette tagged gradient, modern, muted. Analogous neighbors on the wheel (Plum, Mulberry, 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 | #855A8A | rgb(133, 90, 138) | hsl(294, 21%, 45%) | oklch(53.1% 0.089 323) | |
| Mulberry | #A8688F | rgb(168, 104, 143) | hsl(323, 27%, 53%) | oklch(59.9% 0.096 343) | |
| Lilac | #D893A5 | rgb(216, 147, 165) | hsl(344, 47%, 71%) | oklch(73.6% 0.086 2) | |
| Melon | #FFBEBB | rgb(255, 190, 187) | hsl(3, 100%, 87%) | oklch(86.0% 0.075 22) |
Why it works and how to use it
It works because the lightness steps are gentle (45% to 87%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Melon (#FFBEBB) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#855A8A) on #FFBEBB gives 3.48:1, enough for large headings only.
- Primary: Lilac (#D893A5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Mulberry (#A8688F) 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 Mulberry & Plum Path
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
#855A8A
#A8688F
#D893A5
#FFBEBB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#855A8A on #FFBEBB | Aa | 3.48:1 | AA large only |
#A8688F on #FFBEBB | Aa | 2.64:1 | Fail |
#855A8A on #D893A5 | Aa | 2.26:1 | Fail |
#A8688F on #D893A5 | Aa | 1.71:1 | Fail |
#D893A5 on #FFBEBB | Aa | 1.54:1 | Fail |
#855A8A on #A8688F | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#93D0FF
#849DFF
#A186CC
#853E7E
#BC0022
#BD5F00
#CB9800
#DAE84C
#FFD0C8
#F47EAE
#B368C0
#6C53CF
#981A69
#AD1F03
#FF6A89
#FC83FF
#34032D
#832B74
#BE499C
#FE92AA
#00818A
#009D8C
#31CA88
#ACE496
#00736B
#20A8BE
#66B6E9
#ABC7FF
#498711
#00AA6D
#00C0AE
#00DDF3
#9D50A6
#D53A43
#F8789F
#FFB7E2
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#E2D900
#6EB659
#00A381
#006C74
#006DA4
#4E8DF9
#A3A9FF
#D5C1FF
#B6CCFF
#62B0FF
#00A0DD
#00657B
#FFB2CE
#F89782
#EE4D68
#9C1084
#A22B8D
#C35734
#E26670
#FF77AE
#3A2920
#8E6A57
#B2805C
#FFEDDB
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#826251
#C88E73
#FFC19D
#FFEAD9
#615132
#B89F66
#EDD693
#F9F3D9
#782C4F
#C35085
#FF7CAE
#FFDDE1