Back to palettes

Palette

Velvet Violets

A soft, enchanting blend of lavenders, inspired by the delicate beauty of a spring lavender field in full bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9966CC#B28FD7#CCB6E6#774CAD#A67DD9

Palette guide

How to use Velvet Violets

Overview

The Velvet Violets palette is a soft, enchanting blend inspired by delicate spring blooms, perfect for designs requiring a calm, gentle, and sophisticated touch. It features a range of beautiful purple hues, from the foundational "#774CAD" which offers a grounded depth, to the charming "#9966CC" and the elegant "#A67DD9". Lighter, airy tones like "#B28FD7" and the delicate "#CCB6E6" complete the spectrum, providing a sense of ethereal lightness. This palette is ideal for creating serene, inviting, and graceful aesthetics, evoking a sense of peaceful luxury and natural beauty.

Best used for

  • Spa and wellness branding
  • Feminine product packaging
  • Wedding invitations and decor
  • Children's book illustrations
  • Calm and soothing app interfaces
  • Floral design and botanical themes

Suggested color roles

primary

"#9966CC" for main content areas and headings, offering a balanced and inviting purple that is easy on the eyes.

secondary

"#A67DD9" to provide a slightly warmer or more vibrant contrast, suitable for subheadings or secondary UI elements.

accent

"#774CAD" to add depth and emphasis to important elements, acting as a grounding point or a strong call-to-action color.

background

"#CCB6E6" for a light, airy, and calming base that allows other colors to stand out gently without harsh contrasts.

text

Use a dark charcoal or black for body text on the lighter backgrounds like "#CCB6E6" and "#B28FD7"; "#774CAD" works well for headlines on lighter shades.

Accessibility notes

  • Ensure sufficient contrast when using lighter purples like "#B28FD7" or "#CCB6E6" for text on white or very light backgrounds.
  • Dark charcoal or black text will provide the best readability on "#F2DDF7" and "#E0BBE4".
  • "#774CAD" provides good contrast for white or light grey text, making it suitable for dark buttons or banners.
  • Avoid using light text on mid-tone purples like "#9966CC" without checking contrast ratios carefully.

Recommended combinations

Spring Bloom

Creates a soft, harmonious gradient, perfect for gentle backgrounds or subtle visual elements.

#CCB6E6 · #B28FD7 · #9966CC

Deep Violet

Ideal for adding depth and sophistication, suitable for key branding elements or important text.

#774CAD · #A67DD9 · #9966CC

Elegant Touch

Best for balanced layouts where light and dark elements need to coexist gracefully, such as information cards.

#B28FD7 · #774CAD · #CCB6E6

CSS variables

:root {
  --velvet-violets-1: #9966CC;
  --velvet-violets-2: #B28FD7;
  --velvet-violets-3: #CCB6E6;
  --velvet-violets-4: #774CAD;
  --velvet-violets-5: #A67DD9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-violets": {
        1: "#9966CC",
        2: "#B28FD7",
        3: "#CCB6E6",
        4: "#774CAD",
        5: "#A67DD9",
      }
    }
  }
}

Related searches

soft purple color palettelavender inspired designcalm violet huespastel purple aestheticelegant floral color scheme

Palette colors

Hex values

Color 1#9966CC
·
Color 2#B28FD7
·
Color 3#CCB6E6
·
Color 4#774CAD
·
Color 5#A67DD9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.5:1Fail
1.3:1Fail
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
1.2:1Fail
3
2.2:1Fail
1.5:1Fail
3.3:1AA18
1.7:1Fail
4
1.5:1Fail
2.3:1Fail
3.3:1AA18
1.9:1Fail
5
1.3:1Fail
1.2:1Fail
1.7:1Fail
1.9:1Fail

Similar palettes

More like Velvet Violets

View all pastel
Cottage Garden Blush
Lavender Bloom Field
Lavender Bloom Morning
Lavender Dream
Lavender Dream Haze
Lavender Field Breeze