Back to palettes

Palette

Velvet Bloom

A delicate array of soft purples and blushes, reminiscent of blossoming flowers and gentle elegance.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Bloom 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 Velvet Bloom.

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

Data visualization

#C29FBE#ECC6D6#F9E7E7#A47BA1#8C6A8D

Palette guide

How to use Velvet Bloom

Overview

The Velvet Bloom palette offers a delicate array of soft purples and blushes, perfectly capturing the essence of blossoming flowers and gentle elegance. Featuring a range from the muted #8C6A8D and #A47BA1 to the tender #C29FBE, #ECC6D6, and the ethereal #F9E7E7, this scheme radiates serenity and sophisticated femininity. Designers can leverage its harmonious, low-contrast nature to create inviting and tranquil user experiences, romantic branding, or soft, ethereal digital art. It's an excellent choice for projects requiring a touch of grace and refined charm.

Best used for

  • Wedding invitations and stationery
  • Baby product branding and packaging
  • Feminine fashion and lifestyle blogs
  • Serene wellness and spa website design
  • Romantic digital illustrations
  • Spring-themed marketing campaigns

Suggested color roles

primary

Use #A47BA1 or #8C6A8D for main content blocks or branding elements, providing a grounded yet soft presence.

secondary

Employ #C29FBE and #ECC6D6 for secondary information, accents, or subtle background textures.

accent

The lightest shade, #F9E7E7, can serve as a delicate accent or for backgrounds, adding airiness.

background

The softest #F9E7E7 provides an airy, clean background, while #ECC6D6 can offer a slightly warmer base.

text

For optimal readability, use the darkest shade #8C6A8D for body text on lighter backgrounds. For headings, a charcoal or black can also be used.

Accessibility notes

  • Many colors in this palette have low contrast; careful pairing is essential for legibility.
  • Always test text contrast, especially for #ECC6D6 or #C29FBE against #F9E7E7.
  • Use #8C6A8D for all body text on lighter backgrounds to ensure sufficient contrast.
  • Ensure interactive elements have clear visual cues beyond color, due to the soft nature of the palette.

Recommended combinations

Gentle Harmony

Ideal for main content areas, providing a soft background with clear, readable text and a touch of warmth.

#F9E7E7 · #ECC6D6 · #A47BA1

Soft Depth

Excellent for creating subtle gradients, layered graphics, or for typography that requires a delicate but defined presence.

#8C6A8D · #A47BA1 · #C29FBE

Ethereal Accent

Perfect for drawing attention to delicate details, navigation elements, or for creating an airy, romantic feel in UI.

#F9E7E7 · #C29FBE · #8C6A8D

CSS variables

:root {
  --velvet-bloom-1: #C29FBE;
  --velvet-bloom-2: #ECC6D6;
  --velvet-bloom-3: #F9E7E7;
  --velvet-bloom-4: #A47BA1;
  --velvet-bloom-5: #8C6A8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-bloom": {
        1: "#C29FBE",
        2: "#ECC6D6",
        3: "#F9E7E7",
        4: "#A47BA1",
        5: "#8C6A8D",
      }
    }
  }
}

Related searches

pastel floral palettesoft lavender pinkdelicate wedding colorsfeminine brand designromantic elegant scheme

Palette colors

Hex values

Color 1#C29FBE
·
Color 2#ECC6D6
·
Color 3#F9E7E7
·
Color 4#A47BA1
·
Color 5#8C6A8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.5:1Fail
2:1Fail
2
1.5:1Fail
1.3:1Fail
2.3:1Fail
3:1Fail
3
2:1Fail
1.3:1Fail
3:1Fail
3.9:1AA18
4
1.5:1Fail
2.3:1Fail
3:1Fail
1.3:1Fail
5
2:1Fail
3:1Fail
3.9:1AA18
1.3:1Fail

Similar palettes

More like Velvet Bloom

View all pastel
Antique Rose Petal
Antique Rose Petals
Ballet Slipper
Dusky Orchid Hues
Dusty Rose Garden
Dusty Rose Garden