Back to palettes

Palette

Dusky Rose Veil

Soft, romantic shades of rose, hinting at a delicate veil of petals at dusk.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Rose Veil 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 Dusky Rose Veil.

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

Data visualization

#D9BBBF#C7A2A5#B58A8D#9D7476#846062

Palette guide

How to use Dusky Rose Veil

Overview

The Dusky Rose Veil palette features soft, romantic shades of rose, evoking a delicate veil of petals at dusk. With hues ranging from the ethereal #D9BBBF to the deeper #846062, this collection is perfect for designs that require elegance, subtlety, and a touch of romance. Designers and developers can leverage these harmonious tones to create sophisticated bridal branding, intimate event designs, or gentle web interfaces. The cohesive nature of the palette ensures a smooth and refined visual experience, ideal for conveying delicate beauty.

Best used for

  • Bridal branding and websites
  • Intimate event designs
  • Beauty product packaging
  • Romantic novel covers
  • Feminine apparel collections
  • Subtle UI accents

Suggested color roles

primary

#B58A8D serves as a balanced, soft rose, perfect for main content areas or headers.

secondary

#9D7476 offers a deeper mid-tone for structure, subheadings, or to add gentle contrast.

accent

#D9BBBF provides the lightest, most delicate highlight, suitable for subtle accents or background elements.

background

#D9BBBF is the lightest shade, offering an airy and soft base that enhances the romantic mood.

text

For readability on lighter shades, use #846062 or #9D7476. For critical text, a dark charcoal or black is recommended.

Accessibility notes

  • This palette features colors quite close in value; careful contrast checking is essential for all text and interactive elements.
  • For text on #D9BBBF, use #846062 to achieve the best possible contrast within the palette for readability.
  • Avoid using #C7A2A5 or #B58A8D for small text on #D9BBBF, as contrast may be insufficient.
  • Consider using a dark charcoal or black for critical text to ensure universal readability, especially for users with visual impairments.

Recommended combinations

Petal Gradient

Creates a soft, sequential color flow, ideal for background gradients or visual storytelling.

#D9BBBF · #C7A2A5 · #B58A8D

Veiled Depth

Combines the deepest tone for grounding with a lighter shade for contrast and elegance.

#846062 · #9D7476 · #D9BBBF

Romantic Pairing

Offers balanced mid-tones with a lighter accent, perfect for harmonious content blocks.

#B58A8D · #D9BBBF · #9D7476

CSS variables

:root {
  --dusky-rose-veil-1: #D9BBBF;
  --dusky-rose-veil-2: #C7A2A5;
  --dusky-rose-veil-3: #B58A8D;
  --dusky-rose-veil-4: #9D7476;
  --dusky-rose-veil-5: #846062;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-rose-veil": {
        1: "#D9BBBF",
        2: "#C7A2A5",
        3: "#B58A8D",
        4: "#9D7476",
        5: "#846062",
      }
    }
  }
}

Related searches

pastel rose paletteromantic pink tonesdelicate floral colorssoft rose schemeelegant blush design

Palette colors

Hex values

Color 1#D9BBBF
·
Color 2#C7A2A5
·
Color 3#B58A8D
·
Color 4#9D7476
·
Color 5#846062
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.4:1Fail
5
3.1:1AA18
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Dusky Rose Veil

View all pastel