Back to palettes

Palette

Lilac Garden Whisper

A cascade of soft lavenders and deep purples, like fragrant wisteria in bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lilac Garden Whisper 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 Lilac Garden Whisper.

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

Data visualization

#E0B0FF#C8A2C8#BA55D3#8A2BE2#4B0082

Palette guide

How to use Lilac Garden Whisper

Overview

The Lilac Garden Whisper palette is a vibrant cascade of purples, capturing the essence of a fragrant wisteria in full bloom. From the softest lilac #E0B0FF to the deep, majestic #4B0082, this palette offers a rich spectrum for expressive and dreamy designs. Designers and developers can leverage the energetic contrast between #BA55D3 and #8A2BE2 to create dynamic interfaces that feel both enchanting and sophisticated. This collection is particularly useful for projects requiring a touch of fantasy, femininity, or natural beauty, making it perfect for floral branding, creative portfolios, or any digital space that aims to evoke a sense of wonder and vibrant calm.

Best used for

  • Floral design and gardening websites
  • Creative portfolios for artists or photographers
  • Spring-themed event branding and invitations
  • Feminine product packaging and marketing
  • Spiritual or wellness platforms
  • Children's entertainment and educational apps

Suggested color roles

primary

Utilize #4B0082 for strong foundational elements, bold headings, or a dramatic background, providing deep grounding.

secondary

Employ #8A2BE2 for key calls-to-action, prominent graphic elements, or secondary sections, offering vibrant contrast.

accent

Apply #E0B0FF sparingly for delicate highlights, hover states, or subtle patterns, bringing a light, ethereal touch.

background

The mid-tone #C8A2C8 provides a soft, inviting backdrop that allows the brighter purples to truly flourish.

text

The deep #4B0082 is ideal for primary text on lighter backgrounds, ensuring high readability while maintaining the palette's rich purple theme.

Accessibility notes

  • Ensure high contrast between dark text (#4B0082) and light backgrounds (#E0B0FF or #C8A2C8).
  • Be cautious when using mid-tone purples like #BA55D3 or #8A2BE2 for small text on similarly bright backgrounds; check contrast.
  • For interactive elements, ensure sufficient contrast difference between normal and hover/active states.
  • Consider using a starker dark color like black for critical text if #4B0082 doesn't meet specific accessibility requirements on all screens.

Recommended combinations

Vibrant Bloom

Create depth: #C8A2C8 as a soft base, #BA55D3 for prominent elements, and #4B0082 for strong text or accents.

#C8A2C8 · #BA55D3 · #4B0082

Ethereal Glow

Ideal for headers or hero sections: #E0B0FF as a background, #8A2BE2 for titles, and #4B0082 for subtext.

#E0B0FF · #8A2BE2 · #4B0082

Garden Contrast

Dramatic contrast: #4B0082 for a deep background, #E0B0FF for bright text, and #C8A2C8 for secondary information.

#4B0082 · #E0B0FF · #C8A2C8

CSS variables

:root {
  --lilac-garden-whisper-1: #E0B0FF;
  --lilac-garden-whisper-2: #C8A2C8;
  --lilac-garden-whisper-3: #BA55D3;
  --lilac-garden-whisper-4: #8A2BE2;
  --lilac-garden-whisper-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lilac-garden-whisper": {
        1: "#E0B0FF",
        2: "#C8A2C8",
        3: "#BA55D3",
        4: "#8A2BE2",
        5: "#4B0082",
      }
    }
  }
}

Related searches

vibrant lilac palettedeep purple gardenwisteria color schemefloral purple designdreamy lavender aesthetic

Palette colors

Hex values

Color 1#E0B0FF
·
Color 2#C8A2C8
·
Color 3#BA55D3
·
Color 4#8A2BE2
·
Color 5#4B0082
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
3.4:1AA18
7.3:1AAA
2
1.3:1Fail
1.8:1Fail
2.7:1Fail
5.8:1AA
3
2.2:1Fail
1.8:1Fail
1.5:1Fail
3.3:1AA18
4
3.4:1AA18
2.7:1Fail
1.5:1Fail
2.2:1Fail
5
7.3:1AAA
5.8:1AA
3.3:1AA18
2.2:1Fail

Similar palettes

More like Lilac Garden Whisper

View all pastel
Lavender Fields Dream
Dreamy Lavender Field
Lavender Bloom Echo
Lavender Fields Dream
Lavender Haze Field
Lavender Haze Garden