Back to palettes

Palette

Lavender Field Dream

Soft, fragrant hues inspired by the expansive, calming beauty of a lavender field at dusk.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#9370DB#B0C4DE#E6E6FA#D8BFD8

Palette guide

How to use Lavender Field Dream

Overview

The Lavender Field Dream palette captures the serene essence of twilight in a fragrant field, blending soft purples with a hint of cool blue. Key colors include the striking #8A2BE2 (Blue Violet), the tranquil #9370DB (Medium Purple), and the gentle #D8BFD8 (Thistle), complemented by the airy #E6E6FA (Lavender Blush) and the calming #B0C4DE (Light Steel Blue). This selection is perfect for designers aiming to convey peace, elegance, and natural beauty. Developers can leverage these hues to craft soothing digital experiences, whether for lifestyle brands, creative portfolios, or applications requiring a touch of refined calm.

Best used for

  • Elegance-focused brand identities
  • Nature-inspired digital art
  • Relaxation and meditation apps
  • Soft, inviting website designs
  • Event invitations (weddings, galas)
  • Cosmetics and skincare packaging

Suggested color roles

primary

#8A2BE2 provides a rich, deep purple, excellent for main headings or brand focal points that demand attention.

secondary

#9370DB offers a softer, supportive purple, ideal for subheadings, navigation, or secondary graphical elements.

accent

#B0C4DE introduces a cool, refreshing contrast, perfect for interactive elements, data visualization accents, or subtle highlights.

background

#E6E6FA serves as a light, airy base, ensuring spaciousness and excellent readability for darker text.

text

Use #8A2BE2 for prominent headlines. For body text, a dark grey or charcoal is recommended against #E6E6FA for readability.

Accessibility notes

  • Ensure #E6E6FA provides sufficient contrast with lighter text colors like #D8BFD8 or #B0C4DE for smaller text.
  • Pair darker hues like #8A2BE2 and #9370DB with #E6E6FA for high-contrast, accessible text.
  • Be cautious using #D8BFD8 for text on light backgrounds; it may not meet WCAG AA standards.
  • Verify interactive elements (buttons, links) have clear visual states and sufficient contrast against their backgrounds.

Recommended combinations

Tranquil UI

For a soft, layered interface. #E6E6FA as background, #D8BFD8 for cards/panels, and #9370DB for main text.

#E6E6FA · #D8BFD8 · #9370DB

Vibrant Accent

Highlight key actions. #E6E6FA for background, #8A2BE2 for primary buttons, #B0C4DE for secondary elements.

#E6E6FA · #8A2BE2 · #B0C4DE

Dusky Harmony

Creates a gentle, sophisticated look. #9370DB for headers, #D8BFD8 for body text, and #E6E6FA for small accents.

#9370DB · #D8BFD8 · #E6E6FA

CSS variables

:root {
  --lavender-field-dream-1: #8A2BE2;
  --lavender-field-dream-2: #9370DB;
  --lavender-field-dream-3: #B0C4DE;
  --lavender-field-dream-4: #E6E6FA;
  --lavender-field-dream-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-field-dream": {
        1: "#8A2BE2",
        2: "#9370DB",
        3: "#B0C4DE",
        4: "#E6E6FA",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

calm purple blue palettepastel lavender colorsgentle UI schemesfloral dusk colorssoft natural palette

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#9370DB
·
Color 3#B0C4DE
·
Color 4#E6E6FA
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
4.8:1AA
3.5:1AA18
2
1.6:1Fail
2.1:1Fail
3.1:1AA18
2.2:1Fail
3
3.3:1AA18
2.1:1Fail
1.4:1Fail
1:1Fail
4
4.8:1AA
3.1:1AA18
1.4:1Fail
1.4:1Fail
5
3.5:1AA18
2.2:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Lavender Field Dream

View all pastel
Lavender Dream Haze
Lavender Field Dreams
Lavender Field Peace
Lavender Haze
Petal Whisper Softness
Provence Lavender Haze