Back to palettes

Palette

Dreamy Rose Haze

Soft, romantic pinks reminiscent of a hazy dream amidst fragrant rose gardens.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dreamy 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 Dreamy Rose Haze.

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

Data visualization

#FFD1E0#FFB2C8#FF94B1#FF759A#FF5783

Palette guide

How to use Dreamy Rose Haze

Overview

The "Dreamy Rose Haze" palette is a collection of soft, romantic pinks, reminiscent of a hazy dream amidst fragrant rose gardens. This monochromatic scheme progresses from the delicate #FFD1E0 to the vibrant #FF5783, with harmonious mid-tones like #FFB2C8, #FF94B1, and #FF759A. Designers and developers can leverage this palette to evoke feelings of femininity, romance, warmth, and gentle playfulness. Its cohesive nature ensures visual harmony, making it ideal for creating elegant, cohesive branding, delightful user interfaces, or charming digital content that exudes a soft, inviting glow.

Best used for

  • Feminine branding and identity kits
  • Beauty and cosmetic product packaging
  • Romantic event invitations and decor
  • Children's clothing lines and toy designs
  • Dessert shops and bakery branding
  • Soft and inviting blog or e-commerce themes

Suggested color roles

primary

Utilize #FFB2C8 as a soft, approachable primary color for main content areas, offering a core romantic pink.

secondary

Apply #FF759A for supportive elements, subheadings, or to add a slightly deeper layer of pink without stark contrast.

accent

Reserve #FF5783 for impactful accents, call-to-action buttons, or key highlights where a vibrant, energetic pink is needed.

background

Employ #FFD1E0 as the lightest and most ethereal background color, providing an airy and delicate foundation.

text

For optimal readability, use dark gray or black text. Avoid using light-colored text on any of these pinks due to insufficient contrast.

Accessibility notes

  • This palette is largely light; all text must be dark (black or dark gray) for readability to meet WCAG standards.
  • Ensure sufficient contrast for all interactive elements, using the darkest pinks like #FF5783 for clear visual cues.
  • Avoid using light pinks for small text on lighter pink backgrounds, as contrast will be severely lacking.
  • When using multiple pinks, ensure there's enough luminosity difference for users with color vision deficiencies to distinguish elements.

Recommended combinations

Gentle Fade

Ideal for creating soft, smooth gradients in backgrounds, headers, or decorative elements, evoking a dreamy transition.

#FFD1E0 · #FFB2C8 · #FF94B1

Rose Depth

Perfect for layering elements, creating visual hierarchy in cards, or adding depth to illustrations with harmonious pinks.

#FFB2C8 · #FF759A · #FF5783

Vibrant Accent

Use this combination to highlight important information or calls-to-action against a soft background, ensuring impact.

#FFD1E0 · #FF94B1 · #FF5783

CSS variables

:root {
  --dreamy-rose-haze-1: #FFD1E0;
  --dreamy-rose-haze-2: #FFB2C8;
  --dreamy-rose-haze-3: #FF94B1;
  --dreamy-rose-haze-4: #FF759A;
  --dreamy-rose-haze-5: #FF5783;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamy-rose-haze": {
        1: "#FFD1E0",
        2: "#FFB2C8",
        3: "#FF94B1",
        4: "#FF759A",
        5: "#FF5783",
      }
    }
  }
}

Related searches

romantic pink palettedreamy rose colorssoft feminine huesmonochromatic pink schemelight pink branding

Palette colors

Hex values

Color 1#FFD1E0
·
Color 2#FFB2C8
·
Color 3#FF94B1
·
Color 4#FF759A
·
Color 5#FF5783
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.2:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.9:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
2.2:1Fail
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Dreamy Rose Haze

View all pastel
Berry Blossom Kiss
Blushing Peach Garden
Candy Cloud Dream
Candy Floss Cloud
Cherry Blossom Cloud
Cherry Blossom Dream