Back to palettes

Palette

Lavender Mist Evening

Soft, muted purples creating a serene ambiance, like lavender fields under an evening mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Mist Evening 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 Mist Evening.

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

Data visualization

#C7BCEF#A89CDD#8A7ECB#6B61BA#4D43A8

Palette guide

How to use Lavender Mist Evening

Overview

The Lavender Mist Evening palette presents a rich, cool spectrum of purples, from the soft #C7BCEF to the deep #4D43A8, including the balanced #8A7ECB. This collection masterfully captures the serene ambiance of lavender fields under an evening mist, making it an excellent choice for designers and developers seeking a calm, sophisticated, and contemplative aesthetic. It's perfectly suited for branding, user interfaces, or digital art that aims to evoke tranquility, professionalism, and a touch of mysterious elegance. The harmonious progression of shades ensures a cohesive and visually appealing experience across all applications.

Best used for

  • Corporate wellness platforms
  • Luxury travel agencies branding
  • Evening event promotions
  • Meditation and sleep apps
  • Professional services websites
  • High-end fashion editorials

Suggested color roles

primary

Use #4D43A8 as the dominant color for strong branding, main navigation, or impactful headings, conveying depth and reliability.

secondary

Apply #6B61BA for supporting elements, subheadings, or background sections that need a softer yet authoritative presence.

accent

Incorporate #A89CDD for subtle highlights, interactive states, or decorative elements, adding a gentle touch of sophistication.

background

Utilize #C7BCEF as a soft, misty background, providing a clean canvas that allows other colors to stand out gently.

text

For primary body text, a dark charcoal or black ensures optimal readability. For headings on #C7BCEF, #4D43A8 offers excellent contrast.

Accessibility notes

  • Ensure sufficient contrast for text on #C7BCEF; use darker colors like #4D43A8 or #6B61BA for legibility.
  • Avoid using #A89CDD for small text on #C7BCEF due to low contrast, which can hinder readability.
  • The darkest shade, #4D43A8, provides strong contrast against the lightest palette colors for clear text and UI elements.
  • Check WCAG guidelines carefully for text on #8A7ECB, especially for smaller font sizes.

Recommended combinations

Evening Depth

Ideal for creating strong, cohesive gradients or impactful sections that need depth and professionalism.

#4D43A8 · #6B61BA · #8A7ECB

Misty Calm

Perfect for soft backgrounds, card elements, or areas where a gentle, serene feel is desired.

#C7BCEF · #A89CDD · #8A7ECB

Twilight Contrast

Use for prominent call-to-actions, key headings, or to highlight important information against a light base.

#4D43A8 · #C7BCEF · #A89CDD

CSS variables

:root {
  --lavender-mist-evening-1: #C7BCEF;
  --lavender-mist-evening-2: #A89CDD;
  --lavender-mist-evening-3: #8A7ECB;
  --lavender-mist-evening-4: #6B61BA;
  --lavender-mist-evening-5: #4D43A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-mist-evening": {
        1: "#C7BCEF",
        2: "#A89CDD",
        3: "#8A7ECB",
        4: "#6B61BA",
        5: "#4D43A8",
      }
    }
  }
}

Related searches

cool purple color paletteevening lavender shadescalm UI designsophisticated purple brandingmisty night colors

Palette colors

Hex values

Color 1#C7BCEF
·
Color 2#A89CDD
·
Color 3#8A7ECB
·
Color 4#6B61BA
·
Color 5#4D43A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.9:1Fail
4.4:1AA18
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
3.2:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.9:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
4.4:1AA18
3.2:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Lavender Mist Evening

View all cool
Desert Sky Starlight
Lavender Haze Whisper
Misty Lavender Bloom
Alpine Morning Mist
Celestial Dreamscape
Cloudy Dawn Whisper