Blush and Ivory

Romantic blush tones grounded by a muted rose brown.

Color codes

HEXRGBHSLCMYK
hsl(35, 100%, 98%)cmyk(0%, 2%, 5%, 0%)
hsl(16, 59%, 91%)cmyk(0%, 8%, 11%, 4%)
hsl(13, 51%, 82%)cmyk(0%, 16%, 21%, 9%)
hsl(12, 35%, 67%)cmyk(0%, 23%, 29%, 21%)
hsl(9, 25%, 43%)cmyk(0%, 35%, 41%, 46%)

CSS

:root {
  --blush-and-ivory-1: #FFFAF3;
  --blush-and-ivory-2: #F6E3DC;
  --blush-and-ivory-3: #E8C2B8;
  --blush-and-ivory-4: #C99A8E;
  --blush-and-ivory-5: #8A5A52;
}

How these colors work together

The colors are analogous — neighbors on the color wheel — which gives a calm, cohesive feel. Overall it reads warm. Lightness spans 55 points, which sets how much contrast you can create.

2 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#FFFAF3⁩ on ⁦#8A5A52⁩ (5.52:1).

Blush and Ivory — readable text using the best pair.

Suggested applications

  • Invitations, decor and event branding.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#blush#romantic#soft

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Blush and Ivory palette?
The Blush and Ivory palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#FFFAF3⁩ on ⁦#8A5A52⁩: it has a contrast ratio of 5.52:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes