Powder Room color palette
Five pinks with a cool, slightly purple lean, from barely-there #F8E8EE to orchid mauve #C77BA5. They feel vintage and private, like a dressing table with a velvet stool. The range is narrow, so the palette works best as a backdrop for photography or product shots, with a dark accent brought in for type. Picture it behind a perfume bottle or on a hair salon's price list.
Powder Room palette in use
Make #F8E8EE the background and #F3D1DC the card color. #C77BA5 handles buttons and decorative headings at large sizes, and body text should go in a deep plum or near-black.
This pair measures 17.76:1, so it works for body text too. The button uses #C77BA5 with black text.
ButtonGood for
- Hair salon website
- Perfume packaging
- Lingerie lookbook
- Vintage boutique signage
Readable color pairs
No two colors in this palette reach 3:1 contrast, so use it for backgrounds and shapes, and set text in white or black. Check any pair in the contrast checker.
Powder Room palette as code
CSS variables
:root {
--powder-room-1: #F8E8EE;
--powder-room-2: #F3D1DC;
--powder-room-3: #EAB8CA;
--powder-room-4: #DF9AB8;
--powder-room-5: #C77BA5;
}Tailwind v4
@theme {
--color-powder-room-1: #F8E8EE;
--color-powder-room-2: #F3D1DC;
--color-powder-room-3: #EAB8CA;
--color-powder-room-4: #DF9AB8;
--color-powder-room-5: #C77BA5;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'powder-room': {
100: '#F8E8EE',
200: '#F3D1DC',
300: '#EAB8CA',
400: '#DF9AB8',
500: '#C77BA5',
},SCSS
$powder-room-1: #F8E8EE;
$powder-room-2: #F3D1DC;
$powder-room-3: #EAB8CA;
$powder-room-4: #DF9AB8;
$powder-room-5: #C77BA5;JSON
["#F8E8EE","#F3D1DC","#EAB8CA","#DF9AB8","#C77BA5"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.