Back to palettes

Palette

Lavender Field Dusk

A serene collection of purples and blues mirroring a vast lavender field as twilight gently descends.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

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

Palette guide

How to use Lavender Field Dusk

Overview

The Lavender Field Dusk palette captures the tranquil beauty of a lavender field as evening descends, blending soft purples with cool, muted blues. Featuring the ethereal #E6E6FA (Lavender Blush), the gentle #D8BFD8 (Thistle), the deep #9370DB (Medium Purple), the serene #B0C4DE (Light Steel Blue), and the vibrant #8A2BE2 (Blue Violet), this palette offers a sophisticated and calming aesthetic. Designers will find these hues ideal for creating elegant, reflective, and soothing visual experiences. Developers can use this palette to build user interfaces that evoke peace and natural charm, perfect for wellness, luxury, or artistic applications.

Best used for

  • Evening wear fashion branding
  • Luxury spa websites
  • Art gallery digital presentations
  • Calming mobile app interfaces
  • Romantic event invitations
  • Home fragrance packaging

Suggested color roles

primary

#8A2BE2 stands out as a rich, captivating purple, perfect for impactful headings or key brand statements.

secondary

#9370DB offers a balanced, supportive purple, suitable for subheadings, navigation, or significant UI elements.

accent

#B0C4DE provides a refreshing, cool contrast, excellent for interactive elements, highlights, or graphical accents.

background

#E6E6FA creates an expansive, light base, ensuring clarity and a sense of openness throughout the design.

text

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

Accessibility notes

  • Ensure sufficient contrast between light background #E6E6FA and any text, especially with #D8BFD8.
  • #8A2BE2 and #9370DB offer excellent contrast against #E6E6FA for text and key elements.
  • Avoid using #D8BFD8 for small or critical text on very light backgrounds, as it may fail WCAG AA contrast ratios.
  • Test interactive elements for clear visual feedback and sufficient contrast to ensure usability for all users.

Recommended combinations

Dusk Serenity

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

#E6E6FA · #D8BFD8 · #9370DB

Evening Pop

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

#E6E6FA · #8A2BE2 · #B0C4DE

Muted Depth

Creates a gentle, sophisticated look. #9370DB for headers, #D8BFD8 for body text against a medium background, and #E6E6FA for light icons.

#9370DB · #D8BFD8 · #E6E6FA

CSS variables

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

Tailwind config

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

Related searches

lavender blue color schemeevening purple palettecalm pastel UI colorsdusky floral designsoft elegant brand colors

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Lavender Field Dusk

View all pastel
Dreamy Lavender Field
Dreamy Lavender Field
Lavender Bloom Field
Lavender Bloom Morning
Lavender Field Breeze
Lavender Field Haze