Blush Pink Color Palette
Petal pink, blush and rose deepening to dusty mauve and plum. A soft, romantic palette that still has enough depth for readable text.
Click any color to copy its HEX code.
Blush Pink color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Cream | #FBF6F0 | 251, 246, 240 | 33°, 58%, 96% | |
| Petal | #FBEAEC | 251, 234, 236 | 353°, 68%, 95% | |
| Blush | #F4C6CC | 244, 198, 204 | 352°, 68%, 87% | |
| Rose | #E39AA6 | 227, 154, 166 | 350°, 57%, 75% | |
| Dusty Mauve | #B97783 | 185, 119, 131 | 349°, 32%, 60% | |
| Plum | #6E3F4E | 110, 63, 78 | 341°, 27%, 34% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Cream (#FBF6F0) as the base, Petal (#FBEAEC) as the supporting color and Rose (#E39AA6) as the accent, with Plum (#6E3F4E) for text and fine details.
Blush Pink
A quick preview of the palette with base, text and accent colors.
Rose PetalWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Plum on Cream#6E3F4E on #FBF6F0 · 7.9:1
- Plum on Petal#6E3F4E on #FBEAEC · 7.3:1
- Plum on Blush#6E3F4E on #F4C6CC · 5.6:1
CSS variables
:root {
--cream: #FBF6F0;
--petal: #FBEAEC;
--blush: #F4C6CC;
--rose: #E39AA6;
--dusty-mauve: #B97783;
--plum: #6E3F4E;
}