Back to palettes

Palette

Lavender Bloom Field

Inspired by the gentle, fragrant hues of a vast lavender field under a soft morning light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#B39DD6#915D91#6A3D6A

Palette guide

How to use Lavender Bloom Field

Overview

The Lavender Bloom Field palette offers a serene and sophisticated collection of purples, perfect for designs seeking a tranquil yet elegant feel. Anchored by the softest #E6E6FA, it transitions through the gentle #D8BFD8 and the inviting #B39DD6. Deeper tones like #915D91 and the rich #6A3D6A provide essential contrast and depth. This palette is ideal for creating a calming atmosphere, reminiscent of a vast lavender field. Designers will find these hues versatile for conveying peace, luxury, and natural beauty across various applications, from digital interfaces to physical products, ensuring a harmonious visual experience.

Best used for

  • Spa and wellness brand identity
  • Wedding stationery and event decor
  • Feminine beauty product packaging
  • Children's book illustrations
  • Interior design for serene spaces
  • Meditation or relaxation mobile applications

Suggested color roles

primary

#B39DD6 serves as an elegant main color, suitable for prominent headings, brand logos, or key graphical elements, providing a balanced visual anchor.

secondary

#D8BFD8 offers a soft supporting tone, ideal for subheadings, background sections, or secondary information, maintaining the palette's gentle aesthetic.

accent

#915D91 provides a subtle yet effective accent for call-to-action buttons, interactive elements, or important highlights, drawing attention without being overpowering.

background

#E6E6FA is a delicate, airy background color, perfect for creating a clean, expansive canvas that enhances readability and promotes a sense of calm.

text

#6A3D6A offers excellent contrast for body text on lighter backgrounds, ensuring readability. Alternatively, a dark charcoal or near-black text can be used for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast between #6A3D6A text and #E6E6FA or #D8BFD8 backgrounds for WCAG AA compliance.
  • Avoid using #D8BFD8 text on #E6E6FA backgrounds for critical information due to low contrast.
  • For interactive elements, use #915D91 or #6A3D6A to signify clickable areas against lighter shades.
  • Consider providing alternatives for users with color vision deficiencies, as similar purple tones can be challenging.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, header areas, or layered UI elements requiring a gentle transition.

#E6E6FA · #D8BFD8 · #B39DD6

Deep Contrast

Effective for establishing clear visual hierarchy, such as main content blocks with strong headings and actionable buttons.

#B39DD6 · #915D91 · #6A3D6A

Balanced UI

Suitable for general user interface design, where the light background supports a mid-tone primary and a darker accent for interactive elements.

#E6E6FA · #B39DD6 · #915D91

CSS variables

:root {
  --lavender-bloom-field-3-1: #E6E6FA;
  --lavender-bloom-field-3-2: #D8BFD8;
  --lavender-bloom-field-3-3: #B39DD6;
  --lavender-bloom-field-3-4: #915D91;
  --lavender-bloom-field-3-5: #6A3D6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-bloom-field-3": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#B39DD6",
        4: "#915D91",
        5: "#6A3D6A",
      }
    }
  }
}

Related searches

calm purple color schemelavender branding colorssoft floral design palettepastel purple web colorsserene UI color inspiration

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#D8BFD8
·
Color 3#B39DD6
·
Color 4#915D91
·
Color 5#6A3D6A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
4.1:1AA18
6.9:1AA
2
1.4:1Fail
1.4:1Fail
3:1Fail
5:1AA
3
2:1Fail
1.4:1Fail
2.1:1Fail
3.5:1AA18
4
4.1:1AA18
3:1Fail
2.1:1Fail
1.7:1Fail
5
6.9:1AA
5:1AA
3.5:1AA18
1.7:1Fail

Similar palettes

More like Lavender Bloom Field

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