Back to palettes

Palette

Lavender Dream

Ethereal lavenders that evoke the tranquil and soothing atmosphere of a soft, hazy floral dream.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Dream 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 Lavender Dream.

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

Data visualization

#967BB6#B3A4D0#D3C8E8#7D6AA0#A492C0

Palette guide

How to use Lavender Dream

Overview

The Lavender Dream palette delivers a soothing and ethereal collection of purples, perfect for designs that aim to evoke tranquility and a gentle, dreamy atmosphere. It features the rich #967BB6 as a grounding tone, flowing into the softer #B3A4D0 and the delicate #D3C8E8. The palette is further enriched by the deeper #7D6AA0 and the balanced #A492C0, providing depth and versatility. These harmonious hues are ideal for creating inviting digital experiences, elegant branding, or calming print materials, capturing the essence of a soft, hazy floral dream. Designers will find this palette excellent for conveying peace and subtle elegance.

Best used for

  • Dreamy wedding invitations and decor
  • Relaxation and wellness app interfaces
  • Feminine lifestyle and beauty blogs
  • Children's room decor and textiles
  • Personal branding for creative professionals
  • Gentle e-commerce sites for artisan goods

Suggested color roles

primary

#967BB6 serves as a strong yet gentle primary color, ideal for main headings, prominent brand elements, or key graphics, providing a comforting anchor.

secondary

#B3A4D0 offers a softer, supportive tone, suitable for subheadings, background sections, or secondary information, maintaining the palette's dreamlike quality.

accent

#A492C0 provides a balanced accent, perfect for call-to-action buttons, interactive elements, or important highlights, offering gentle emphasis.

background

#D3C8E8 is a very light, almost pastel background, creating an open and airy canvas that enhances content readability and promotes a sense of calm.

text

#7D6AA0 offers excellent contrast for body text on lighter backgrounds, ensuring readability. A dark charcoal or black can also be used for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast between #7D6AA0 text and #D3C8E8 or #B3A4D0 backgrounds for WCAG AA compliance.
  • Avoid using #B3A4D0 text on #D3C8E8 for critical information due to potential low contrast.
  • Use #967BB6 or #7D6AA0 for interactive elements to ensure they are visually distinct and perceivable.
  • Test the palette's softer tones on various screen types to ensure consistent color perception and readability across devices.

Recommended combinations

Soft Bloom

Ideal for creating gentle, layered backgrounds, subtle UI elements, or gradients that evoke a soft, natural transition.

#D3C8E8 · #B3A4D0 · #967BB6

Dreamy Depth

Excellent for establishing visual weight in headers, footers, or feature sections, providing strong yet harmonious contrast.

#967BB6 · #A492C0 · #7D6AA0

UI Serenity

Suitable for designing serene interfaces, with a light background, a balanced mid-tone, and a deep, legible color for text and accents.

#D3C8E8 · #A492C0 · #7D6AA0

CSS variables

:root {
  --lavender-dream-1: #967BB6;
  --lavender-dream-2: #B3A4D0;
  --lavender-dream-3: #D3C8E8;
  --lavender-dream-4: #7D6AA0;
  --lavender-dream-5: #A492C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-dream": {
        1: "#967BB6",
        2: "#B3A4D0",
        3: "#D3C8E8",
        4: "#7D6AA0",
        5: "#A492C0",
      }
    }
  }
}

Related searches

dreamy purple color schemesoft lavender web designtranquil pastel palettefloral calm brandingethereal UI colors

Palette colors

Hex values

Color 1#967BB6
·
Color 2#B3A4D0
·
Color 3#D3C8E8
·
Color 4#7D6AA0
·
Color 5#A492C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
1.3:1Fail
1.3:1Fail
2
1.6:1Fail
1.4:1Fail
2.1:1Fail
1.2:1Fail
3
2.3:1Fail
1.4:1Fail
3:1Fail
1.8:1Fail
4
1.3:1Fail
2.1:1Fail
3:1Fail
1.7:1Fail
5
1.3:1Fail
1.2:1Fail
1.8:1Fail
1.7:1Fail

Similar palettes

More like Lavender Dream

View all pastel
Amethyst Haze Dream
Cottage Garden Blush
Dreamy Lavender Field
Lavender Bloom Field
Lavender Bloom Morning
Lavender Dreamscape