Rose Haze

#ecc5c0

Soft rose-pink haze, warmer and more muted

Save
Share

About Rose Haze

Rose Haze looks like someone folded a soft rose tint into a light peach cream, so it lands noticeably more grounded than 's airy cotton. Compared with , it's less milky and toasted, with a smoother blush sheen rather than a simmered, warm-food look. And it doesn't drift into 's peach-mauve in-between either, because this one stays rose-forward while still feeling -family gentle.

I use Rose Haze for packaging mockups and e-commerce tiles when the product needs a "soft-touch" backdrop that won't read pink-cool or too saccharine. It's great for cosmetics and wellness UI, especially card backgrounds, loyalty program shells, and hero panels where you want the warmth to feel tactile, not sugary. It also works well behind product photography when you want the one you reach for that looks intentional next to skin tones.

Pair it with warm greige, cream, or light sand. With cooler greys, the rose undertone can start to feel a touch muted, like the warmth got dialed down.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.58:1Fail

On Gray 100 #f5f5f5

Aa
1.45:1Fail

On Gray 900 #18181b

Aa
11.23:1AAA

On Black #000000

Aa
13.31:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Rose Haze

Open the generator with this color pre-loaded.

Start creating