#6B2D5C
#F0386B
#FF5376
#F8C0C8
#6B2D5CPlum Purple
#9D8C00Olive
#FF5376Strawberry
#F8C0C8Pink
Royal Strawberry & Olive is a vivid split color palette tagged warm, purple, pink. A split scheme: Plum Purple plays against Pink across roughly 99° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum Purple | #6B2D5C | rgb(107, 45, 92) | hsl(315, 41%, 30%) | oklch(40.1% 0.108 338) | |
| Olive | #9D8C00 | rgb(157, 140, 0) | hsl(54, 100%, 31%) | oklch(63.6% 0.132 101) | |
| Strawberry | #FF5376 | rgb(255, 83, 118) | hsl(348, 100%, 66%) | oklch(68.6% 0.207 13) | |
| Pink | #F8C0C8 | rgb(248, 192, 200) | hsl(351, 80%, 86%) | oklch(86.0% 0.065 9) |
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 (86% down to 30% lightness). A natural fit for websites, presentations and branding.
- Background: Pink (#F8C0C8) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#6B2D5C) on #F8C0C8 gives 6.2:1, passing WCAG AA.
- Primary: Olive (#9D8C00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Strawberry (#FF5376) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Pink at 6.2:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Royal Strawberry & Olive
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
#6B2D5C
#9D8C00
#FF5376
#F8C0C8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#6B2D5C on #F8C0C8 | Aa | 6.2:1 | AA |
#6B2D5C on #FF5376 | Aa | 3.13:1 | AA large only |
#6B2D5C on #9D8C00 | Aa | 2.87:1 | Fail |
#9D8C00 on #F8C0C8 | Aa | 2.16:1 | Fail |
#FF5376 on #F8C0C8 | Aa | 1.98:1 | Fail |
#9D8C00 on #FF5376 | Aa | 1.09:1 | Fail |
Similar palettes 24 more in this mood
#A92E65
#A1602E
#DB81D7
#F79287
#34032D
#832B74
#BE499C
#FE92AA
#FF9FB3
#CC53AB
#C95941
#794100
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#411100
#975F5F
#D17E99
#F1A2D9
#9F4786
#AA5E00
#D56380
#EE7055
#F65840
#E664CF
#FF9427
#FF97B3
#F8BDFF
#FF9792
#FF9952
#FC6FB2
#562945
#A5467F
#FB99A8
#FFEFED
#AF60B6
#D58AA9
#FF9650
#F19E99
#FFB2CE
#F89782
#EE4D68
#9C1084
#894878
#FF708C
#FF95A2
#FFDFE3
#B3408B
#D178B4
#FFC0BB
#F4F1DE
#A22B8D
#C35734
#E26670
#FF77AE
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#6E3D66
#AE6696
#DEA7BA
#627F70
#EF84FF
#F53538
#EA1F90
#0F0B12
#E79EE3
#FFC9CF
#D5D491
#FFF9F2
#7C3555
#D17B96
#8E269E
#FFF8E7
#782C4F
#C35085
#FF7CAE
#FFDDE1
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#FF8C90
#D46F9A
#B439AB
#8E3300
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6