Back to palettes

Palette

Sweet Lavender Bloom

Soft purples and lilacs capturing the delicate, fragrant beauty of a lavender field.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#DDA0DD#BA55D3#8A2BE2#C7BFE6

Palette guide

How to use Sweet Lavender Bloom

Overview

The "Sweet Lavender Bloom" palette presents a harmonious range of purples, capturing the serene and delicate beauty of a lavender field. From the softest lilac (#E6E6FA) to a deep, rich violet (#8A2BE2), this collection includes inviting shades like #DDA0DD, #BA55D3, and #C7BFE6. This palette is ideal for designs seeking to convey tranquility, sophistication, and a touch of natural elegance. Designers can effectively use these hues for wellness brands, floral-themed projects, or serene digital environments, ensuring a cohesive and calming visual experience that resonates with peaceful charm and fragrant beauty.

Best used for

  • Spa and wellness branding
  • Floral design websites
  • Feminine beauty products
  • Relaxation app interfaces
  • Wedding invitations and decor
  • Nature-inspired art and illustration

Suggested color roles

primary

Utilize #BA55D3 (Medium Purple) or #DDA0DD (Plum) for dominant sections, headers, or key graphical elements, providing a sophisticated anchor.

secondary

Apply #E6E6FA (Lavender Blush) or #C7BFE6 (Light Purple) for backgrounds, supporting panels, or subtle UI elements to create an airy feel.

accent

Employ #8A2BE2 (Blue Violet) sparingly for call-to-action buttons, important icons, or impactful highlights to draw attention with depth.

background

Use #E6E6FA (Lavender Blush) as a soft, clean backdrop that offers excellent contrast for darker text and elements.

text

For primary body text, a dark grey or black (e.g., #333333) is recommended for readability. #8A2BE2 can be used for significant headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing light purples like #E6E6FA with lighter text; dark text is always a safer choice.
  • Avoid using #BA55D3 and #DDA0DD directly adjacent for small text or critical information due to their similar color values.
  • When using #8A2BE2 for text, ensure the background is light enough (e.g., #E6E6FA) to meet WCAG contrast standards.
  • Test the readability of smaller font sizes, especially with mid-range purples like #C7BFE6, against various backgrounds.

Recommended combinations

Calm Serenity

Creates a very soft and calming environment, ideal for backgrounds and gentle UI elements.

#E6E6FA · #C7BFE6 · #DDA0DD

Deep Bloom

Offers a richer, more vibrant purple combination for impactful sections or creative illustrations.

#BA55D3 · #DDA0DD · #8A2BE2

Elegant Contrast

Use the lightest color as a base, with the deep violet for strong accents and the medium purple for supporting elements.

#E6E6FA · #8A2BE2 · #BA55D3

CSS variables

:root {
  --sweet-lavender-bloom-2-1: #E6E6FA;
  --sweet-lavender-bloom-2-2: #DDA0DD;
  --sweet-lavender-bloom-2-3: #BA55D3;
  --sweet-lavender-bloom-2-4: #8A2BE2;
  --sweet-lavender-bloom-2-5: #C7BFE6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-lavender-bloom-2": {
        1: "#E6E6FA",
        2: "#DDA0DD",
        3: "#BA55D3",
        4: "#8A2BE2",
        5: "#C7BFE6",
      }
    }
  }
}

Related searches

lavender color palette designcalm purple huesfloral pastel colorssweet violet schemeelegant purple web design

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#DDA0DD
·
Color 3#BA55D3
·
Color 4#8A2BE2
·
Color 5#C7BFE6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
4.8:1AA
1.4:1Fail
2
1.7:1Fail
1.9:1Fail
2.9:1Fail
1.2:1Fail
3
3.2:1AA18
1.9:1Fail
1.5:1Fail
2.3:1Fail
4
4.8:1AA
2.9:1Fail
1.5:1Fail
3.4:1AA18
5
1.4:1Fail
1.2:1Fail
2.3:1Fail
3.4:1AA18

Similar palettes

More like Sweet Lavender Bloom

View all pastel
Twilight Lavender Fields
Lavender Bloom Field
Lavender Field
Misty Lavender Field
Sweet Lavender Bloom
Sweet Lavender Fields