#9A002E
#A83CB4
#B66746
#F151AA
#800864Purple
#720093Purple
#F05E85Strawberry
#FFBDAEMelon
Purple & Strawberry Haze is a vivid split color palette tagged vibrant, purple, pink. A split scheme: Purple plays against Melon across roughly 84° 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 |
|---|---|---|---|---|---|
| Purple | #800864 | rgb(128, 8, 100) | hsl(314, 88%, 27%) | oklch(40.7% 0.170 341) | |
| Purple | #720093 | rgb(114, 0, 147) | hsl(287, 100%, 29%) | oklch(41.2% 0.203 315) | |
| Strawberry | #F05E85 | rgb(240, 94, 133) | hsl(344, 83%, 65%) | oklch(67.9% 0.182 7) | |
| Melon | #FFBDAE | rgb(255, 189, 174) | hsl(11, 100%, 84%) | oklch(85.5% 0.080 33) |
Why it works and how to use it
With 4 chromatic colors, Purple takes the lead while the rest support. Lightness runs from 27% to 84%. Well suited to websites, presentations and branding.
- Background: Melon (#FFBDAE) is the lightest color, so it belongs on large surfaces.
- Text: Purple (#800864) on #FFBDAE gives 6.15:1, passing WCAG AA.
- Primary: Purple (#720093) is the most saturated mid-tone; use it for buttons and links (6.15:1 against the background, fine for UI elements).
- Accent: Strawberry (#F05E85) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Purple on Melon at 6.15:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Purple & Strawberry Haze
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
#800864
#720093
#F05E85
#FFBDAE
Color-blind check: under tritanopia, Purple and Purple become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#800864 on #FFBDAE | Aa | 6.15:1 | AA |
#720093 on #FFBDAE | Aa | 6.15:1 | AA |
#800864 on #F05E85 | Aa | 3.11:1 | AA large only |
#720093 on #F05E85 | Aa | 3.11:1 | AA large only |
#F05E85 on #FFBDAE | Aa | 1.98:1 | Fail |
#800864 on #720093 | Aa | 1:1 | Fail |
Similar palettes 24 more in this mood
#FF9FB3
#CC53AB
#C95941
#794100
#6D3769
#BA8FFF
#F09385
#FF88B1
#981E2D
#006E93
#4AF8C9
#FFCBC4
#C4CE00
#F49450
#FF7470
#A47900
#853310
#B2003C
#A659B4
#FF78C4
#FF8C90
#D46F9A
#B439AB
#8E3300
#983C18
#B16100
#C8567B
#FF9C9B
#CDD61D
#FF9600
#499526
#8F6E00
#6E3DA6
#7C6400
#69C0FF
#FFD76A
#E9E8E6
#AA4EFB
#817F76
#191815
#910039
#A0771C
#E87E00
#FFC0B1
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#F72585
#7209B7
#3A0CA3
#4CC9F0
#FF006E
#FB5607
#FFBE0B
#8338EC
#3A0CA3
#7209B7
#B5179E
#F72585
#A92E65
#A1602E
#DB81D7
#F79287
#E488D8
#FF6B9F
#7385DE
#5D009C
#7C4EB5
#EC483E
#FF85B0
#F590EC
#2A6C00
#646E00
#009E66
#D2B01B
#F65840
#E664CF
#FF9427
#FF97B3
#9C7500
#DC5657
#FFB161
#FFC4AB
#9C6500
#E26C53
#B89500
#FF9E5E