Palette

Celestial Rose Haze

A mystical blend of deep purples and soft pinks, evoking a celestial garden dreamscape.

CoolElegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Rose Haze reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Celestial Rose Haze.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5C3A5B#8B5E83#C690B4#E8C8DF#F5E0EB

Palette guide

How to use Celestial Rose Haze

Overview

The "Celestial Rose Haze" palette is a mystical blend of deep purples and soft pinks, evoking a celestial garden dreamscape. Ranging from the rich #5C3A5B and #8B5E83 to the delicate #C690B4, #E8C8DF, and the almost-white #F5E0EB, this cool and elegant palette offers a romantic and dreamy aesthetic. It's perfect for designers seeking to convey sophistication and ethereal beauty without overwhelming vibrancy. Developers can utilize these harmonious shades for serene interfaces, while artists can create gentle, inviting visuals that feel both luxurious and soft, ideal for feminine or contemplative themes.

Best used for

Wedding stationery and decor
Luxury beauty and skincare branding
Romantic fashion editorials
Dreamy digital art and illustrations
Boutique hotel interiors
Feminine lifestyle blogs

Suggested color roles

primary

#5C3A5B - A deep, elegant base, suitable for backgrounds, headers, or grounding elements in a sophisticated design.

secondary

#8B5E83 - Use for secondary content areas, prominent text, or to add rich depth to the purple-pink theme.

accent

#F5E0EB - The lightest, almost white shade, perfect for delicate highlights, icons, or subtle call-to-action elements.

background

#F5E0EB - Provides a soft, romantic, and airy canvas that allows darker purples to emerge gently.

text

#5C3A5B - Ideal for main body text on lighter backgrounds like #F5E0EB or #E8C8DF, ensuring excellent readability.

Accessibility notes

Text in #5C3A5B on #F5E0EB provides good contrast for general readability.
Ensure #8B5E83 text on #C690B4 meets WCAG AA contrast for smaller text.
Avoid using #E8C8DF for text on #F5E0EB as the contrast will be insufficient.
Use darker colors like #5C3A5B or #8B5E83 for critical interactive elements to ensure visibility.

Recommended combinations

Dreamy Serene

Creates a soft, elegant look with good contrast, ideal for sophisticated branding or interfaces.

#F5E0EB · #E8C8DF · #5C3A5B

Romantic Gradient

Perfect for smooth, delicate gradients in backgrounds, headers, or decorative elements.

#C690B4 · #E8C8DF · #F5E0EB

Deep Bloom

Use for layered designs or to add depth to illustrations, maintaining the ethereal quality.

#5C3A5B · #8B5E83 · #C690B4

CSS variables

:root {
  --celestial-rose-haze-1: #5C3A5B;
  --celestial-rose-haze-2: #8B5E83;
  --celestial-rose-haze-3: #C690B4;
  --celestial-rose-haze-4: #E8C8DF;
  --celestial-rose-haze-5: #F5E0EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-rose-haze": {
        1: "#5C3A5B",
        2: "#8B5E83",
        3: "#C690B4",
        4: "#E8C8DF",
        5: "#F5E0EB",
      }
    }
  }
}

Hex values

Color 1#5C3A5B

Color 2#8B5E83

Color 3#C690B4

Color 4#E8C8DF

Color 5#F5E0EB

Accessibility

Contrast checker

1.8:1Fail

3.6:1AA18

6.2:1AA

7.6:1AAA

1.8:1Fail

2:1Fail

3.4:1AA18

4.2:1AA18

3.6:1AA18

2:1Fail

1.7:1Fail

2.1:1Fail

6.2:1AA

3.4:1AA18

1.7:1Fail

1.2:1Fail

7.6:1AAA

4.2:1AA18

2.1:1Fail

1.2:1Fail

Similar palettes

More like Celestial Rose Haze