Palette

Mystic Lavender Fields

Captures the peaceful and aromatic beauty of a lavender field under a soft, hazy sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Lavender Fields 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 Mystic Lavender Fields.

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

Data visualization

#B2A2C6#D0C4DF#8D77A6#6D5B84#EAE0F0

Palette guide

How to use Mystic Lavender Fields

Overview

The "Mystic Lavender Fields" palette beautifully captures the peaceful and aromatic essence of a lavender field under a soft, hazy sky. This serene collection features a range of elegant purples, from the deep #6D5B84 and the rich #8D77A6 to the softer #B2A2C6 and the delicate #D0C4DF. The lightest hue, #EAE0F0, provides an almost ethereal, near-white base. This palette is perfect for designs that aim to convey calm, femininity, and natural beauty, ideal for creating soothing digital experiences or products that evoke tranquility and gentle sophistication.

Best used for

Spa and wellness brand identity and packaging
Beauty and cosmetic product lines
Wedding stationery and event decor (romantic themes)
Calm and feminine UI design for apps
Aromatherapy and herbal product marketing
Boutique fashion or accessory branding

Suggested color roles

primary

Utilize #6D5B84 as the anchoring deep lavender, perfect for strong headers, brand logos, or large background sections to establish a sense of calm elegance.

secondary

Employ #8D77A6 for supporting content, subheadings, or as a vibrant accent against the primary, offering a slightly lighter yet rich tone.

accent

Apply #B2A2C6 or #D0C4DF for highlights, interactive elements, or graphic details, introducing a softer, ethereal touch of purple.

background

Use #EAE0F0 for clean, ethereal backgrounds, offering a light, airy canvas that allows darker elements to stand out with clarity.

text

For optimal readability, use #6D5B84 or #8D77A6 on lighter backgrounds like #EAE0F0. For dark backgrounds, a crisp white or very light grey provides excellent contrast.

Accessibility notes

Ensure sufficient contrast between #6D5B84 text and #EAE0F0 backgrounds for WCAG AA compliance.
Avoid using #D0C4DF or #EAE0F0 for small text on similarly light backgrounds; opt for larger font sizes or bolder weights.
Test text legibility for #B2A2C6 on #EAE0F0 backgrounds, especially for body text, to ensure readability.
Provide clear focus states for interactive elements, ensuring they stand out against the soft purple tones.

Recommended combinations

Deep Lavender Bloom

Excellent for a primary brand presence: deep base, light background, and a soft mid-tone accent for calls to action.

#6D5B84 · #EAE0F0 · #B2A2C6

Hazy Fields

Ideal for secondary content blocks or subtle gradients, blending a rich lavender with a lighter, hazy tone and a dark anchor.

#8D77A6 · #D0C4DF · #6D5B84

Soft Petals

Perfect for serene UI elements or illustrations, using a light base with harmonizing lavenders for depth and detail.

#EAE0F0 · #B2A2C6 · #8D77A6

CSS variables

:root {
  --mystic-lavender-fields-1: #B2A2C6;
  --mystic-lavender-fields-2: #D0C4DF;
  --mystic-lavender-fields-3: #8D77A6;
  --mystic-lavender-fields-4: #6D5B84;
  --mystic-lavender-fields-5: #EAE0F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-lavender-fields": {
        1: "#B2A2C6",
        2: "#D0C4DF",
        3: "#8D77A6",
        4: "#6D5B84",
        5: "#EAE0F0",
      }
    }
  }
}

Hex values

Color 1#B2A2C6

Color 2#D0C4DF

Color 3#8D77A6

Color 4#6D5B84

Color 5#EAE0F0

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

2.6:1Fail

1.8:1Fail

1.4:1Fail

2.4:1Fail

3.6:1AA18

1.3:1Fail

1.7:1Fail

2.4:1Fail

1.5:1Fail

3.1:1AA18

2.6:1Fail

3.6:1AA18

1.5:1Fail

4.7:1AA

1.8:1Fail

1.3:1Fail

3.1:1AA18

4.7:1AA

Similar palettes

More like Mystic Lavender Fields

View all cool

Lavender Haze Whisper

Misty Canyon Lilac

Misty Heather Fields

Moonlit Rose Garden

Alpine Lake Reflection

Alpine Mist