#FAFAFA
#E5E7EB
#10B981
#111827
#9B348DPlum
#FFB39EMelon
#589D71Basil
#F4EBD9Eggshell
Cherry Plum & Basil is a complementary color palette tagged modern, purple, green. Plum and Eggshell sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #9B348D | rgb(155, 52, 141) | hsl(308, 50%, 41%) | oklch(50.7% 0.171 334) | |
| Melon | #FFB39E | rgb(255, 179, 158) | hsl(13, 100%, 81%) | oklch(83.4% 0.094 36) | |
| Basil | #589D71 | rgb(88, 157, 113) | hsl(142, 28%, 48%) | oklch(63.8% 0.097 155) | |
| Eggshell | #F4EBD9 | rgb(244, 235, 217) | hsl(40, 55%, 90%) | oklch(94.2% 0.026 85) |
Why it works and how to use it
It works because the lightness range is wide (41% to 90%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Eggshell (#F4EBD9) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#9B348D) on #F4EBD9 gives 5.42:1, passing WCAG AA.
- Primary: Melon (#FFB39E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#589D71) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Eggshell at 5.42:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cherry Plum & Basil
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
#9B348D
#FFB39E
#589D71
#F4EBD9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#9B348D on #F4EBD9 | Aa | 5.42:1 | AA |
#9B348D on #FFB39E | Aa | 3.73:1 | AA large only |
#589D71 on #F4EBD9 | Aa | 2.74:1 | Fail |
#9B348D on #589D71 | Aa | 1.98:1 | Fail |
#FFB39E on #589D71 | Aa | 1.88:1 | Fail |
#FFB39E on #F4EBD9 | Aa | 1.45:1 | Fail |
Similar palettes 24 more in this mood
#E2EFEA
#CC64E0
#385B4F
#1D322B
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#F9F5FF
#ECD4FF
#526A00
#3A3A3A
#1B4332
#52B788
#E9F5F0
#C9184A
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#1B6F73
#47B377
#F2CC8F
#F4F1DE
#B03DBB
#FDFDFD
#DFCBF6
#756F25
#EEF4FF
#D8B6F0
#B05ADC
#342241
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#C349AF
#E07FC3
#F4B5DA
#F5EFFF
#D871CA
#0582CA
#F5F0E1
#F4A261
#971C8A
#E344C0
#F0B4E0
#FDFDFD
#FFFFFF
#E2E6E3
#059669
#111827
#1B4332
#52B788
#E9F5F0
#007F7E
#7A1C2E
#51851E
#E8D5B8
#F6EFE3
#6E5700
#7EC26E
#CCFFE7
#FDFDFD
#F6FBEF
#A8CC7C
#6DB648
#336232
#0B3D20
#1F7A3F
#D682D8
#D8F3DC
#F5FFF1
#BDFFB9
#24D667
#103016
#272B17
#A3C167
#C8FF93
#F6FFEE
#007728
#5B6236
#D9D2B0
#F6F3E9
#FDFDFD
#E2E6E3
#009669
#49556F
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5