Mulberry & Flamingo Drift is a pastel light, monochromatic color palette tagged warm, romantic, pink. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Mulberry | #BB5E86 | rgb(187, 94, 134) | hsl(334, 41%, 55%) | oklch(60.4% 0.128 354) | |
| Flamingo | #DC8AAE | rgb(220, 138, 174) | hsl(334, 54%, 70%) | oklch(72.8% 0.109 352) | |
| Baby Pink | #EBC2D5 | rgb(235, 194, 213) | hsl(332, 51%, 84%) | oklch(85.5% 0.053 349) | |
| Smoke | #FAF2F6 | rgb(250, 242, 246) | hsl(330, 44%, 96%) | oklch(96.8% 0.010 345) |
Why it works and how to use it
With 3 chromatic colors, Flamingo takes the lead while the rest support. Lightness runs from 55% to 96%. Well suited to social media templates and gentle interfaces.
- Background: Smoke (#FAF2F6) is the lightest color, so it belongs on large surfaces.
- Text: Mulberry (#BB5E86) on #FAF2F6 gives 3.78:1, enough for large headings only.
- Primary: Flamingo (#DC8AAE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Baby Pink (#EBC2D5) 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
Design faster with Mulberry & Flamingo Drift
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#BB5E86 on #FAF2F6 | Aa | 3.78:1 | AA large only |
#BB5E86 on #EBC2D5 | Aa | 2.61:1 | Fail |
#DC8AAE on #FAF2F6 | Aa | 2.3:1 | Fail |
#BB5E86 on #DC8AAE | Aa | 1.64:1 | Fail |
#DC8AAE on #EBC2D5 | Aa | 1.59:1 | Fail |
#EBC2D5 on #FAF2F6 | Aa | 1.45:1 | Fail |