#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#F95E99Strawberry
#FA8AB3Flamingo
#D1EDC6Pearl
#4F8153Fern
Strawberry & Flamingo Muse is a vivid complementary color palette tagged summer, warm, pink. Strawberry and Fern sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Strawberry | #F95E99 | rgb(249, 94, 153) | hsl(337, 93%, 67%) | oklch(69.8% 0.196 360) | |
| Flamingo | #FA8AB3 | rgb(250, 138, 179) | hsl(338, 92%, 76%) | oklch(76.6% 0.142 358) | |
| Pearl | #D1EDC6 | rgb(209, 237, 198) | hsl(103, 52%, 85%) | oklch(91.5% 0.060 137) | |
| Fern | #4F8153 | rgb(79, 129, 83) | hsl(125, 24%, 41%) | oklch(55.5% 0.089 146) |
Why it works and how to use it
With 4 chromatic colors, Strawberry takes the lead while the rest support. Lightness runs from 41% to 85%. Well suited to websites, presentations and branding.
- Background: Pearl (#D1EDC6) is the lightest color, so it belongs on large surfaces.
- Text: Fern (#4F8153) on #D1EDC6 gives 3.62:1, enough for large headings only.
- Primary: Strawberry (#F95E99) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Flamingo (#FA8AB3) 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 Strawberry & Flamingo Muse
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
#F95E99
#FA8AB3
#D1EDC6
#4F8153
Color-blind check: under deuteranopia, Strawberry and Flamingo 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 |
|---|---|---|---|
#D1EDC6 on #4F8153 | Aa | 3.62:1 | AA large only |
#F95E99 on #D1EDC6 | Aa | 2.35:1 | Fail |
#FA8AB3 on #4F8153 | Aa | 2.03:1 | Fail |
#FA8AB3 on #D1EDC6 | Aa | 1.78:1 | Fail |
#F95E99 on #4F8153 | Aa | 1.54:1 | Fail |
#F95E99 on #FA8AB3 | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#F1215C
#E0684D
#D29000
#FFD2B5
#F8BDFF
#FF9792
#FF9952
#FC6FB2
#F23F86
#F8676A
#FFC088
#B3B453
#D88189
#E09FA6
#D4EAD8
#5A7C69
#F0562F
#FF8397
#FFB67C
#FFD88E
#F1DF65
#FFC5C5
#F2A100
#D15800
#FFB8B2
#FF8931
#F66BA7
#B68300
#F94144
#F3722C
#F9C74F
#90BE6D
#FF5E78
#FF8A9B
#C7EFCF
#3D8361
#FF8C42
#FFB347
#FFD166
#FFF1CC
#E16700
#D98900
#D5D65B
#67C48E
#DA8331
#FF9F86
#FFD278
#FFD0D5
#A24002
#CD6635
#00B474
#DCF1E4
#FF4D6D
#FFB3C1
#7BC96F
#2D6A4F
#B9A718
#FF8F59
#B2DC82
#FFC87F
#B96D00
#D39E00
#FF864F
#D2C600
#F19808
#EABF3D
#E6DC6B
#F5F5CE
#FFBCC0
#FFE8EB
#CDFCC5
#789A88
#FF8C98
#FFABB5
#EFFFF2
#599F7B
#FF8969
#FFB074
#FFCE92
#FFEFDA
#F54D00
#E77E00
#E7D052
#7AC27F
#FF7B8A
#FFD5DC
#95E589
#468266
#0077B6
#00B4D8
#90E0EF
#CAF0F8