Plum & Blush Breeze is a pastel light, analogous color palette tagged warm, romantic, pink. Analogous neighbors on the wheel (Plum, Blush, Ballet) give it a natural, low-tension flow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #963F76 | rgb(150, 63, 118) | hsl(322, 41%, 42%) | oklch(50.2% 0.134 344) | |
| Blush | #CC729C | rgb(204, 114, 156) | hsl(332, 47%, 62%) | oklch(66.5% 0.123 352) | |
| Ballet | #FAD5D6 | rgb(250, 213, 214) | hsl(358, 79%, 91%) | oklch(90.4% 0.041 16) | |
| Smoke | #FBF6EF | rgb(251, 246, 239) | hsl(35, 60%, 96%) | oklch(97.5% 0.011 77) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (96% down to 42% lightness). A natural fit for social media templates and gentle interfaces.
- Background: Smoke (#FBF6EF) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#963F76) on #FBF6EF gives 5.97:1, passing WCAG AA.
- Primary: Ballet (#FAD5D6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Blush (#CC729C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Smoke at 5.97:1.
Preview on a real UI see how the palette feels in context
Design faster with Plum & Blush Breeze
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 |
|---|---|---|---|
#963F76 on #FBF6EF | Aa | 5.97:1 | AA |
#963F76 on #FAD5D6 | Aa | 4.76:1 | AA |
#CC729C on #FBF6EF | Aa | 3.03:1 | AA large only |
#CC729C on #FAD5D6 | Aa | 2.41:1 | Fail |
#963F76 on #CC729C | Aa | 1.97:1 | Fail |
#FAD5D6 on #FBF6EF | Aa | 1.26:1 | Fail |