Back to palettes

Palette

Lavender Field Whisper

The gentle, tranquil shades of a vast lavender field, softly swaying in a delicate evening breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A6E99#B094C2#D1BADB#E9DFF0#F5EFF9

Palette guide

How to use Lavender Field Whisper

Overview

The Lavender Field Whisper palette offers an exquisitely soft and ethereal collection of purplish-grays, perfect for designs that aim for subtlety and calm. Spanning from the deep yet muted #8A6E99 to the whisper-light #F5EFF9, and including transitional shades like #B094C2, #D1BADB, and #E9DFF0, this palette evokes the gentle sway of a lavender field at dusk. Designers will find it ideal for minimalist aesthetics, serene branding, or delicate digital illustrations. Developers can use these hex codes to create sophisticated, low-contrast interfaces where softness and harmony are paramount, ensuring a peaceful user experience across various platforms. Its inherent softness makes it excellent for conveying serenity.

Best used for

  • Minimalist branding projects
  • Luxury skincare packaging
  • Yoga and meditation studio websites
  • Subtle editorial designs
  • Art and photography portfolios
  • Soft UI/UX themes

Suggested color roles

primary

Use #B094C2 as the main color for headings or key UI elements, providing a gentle yet distinct presence.

secondary

Employ #D1BADB for supporting text, secondary navigation, or subtle background patterns, maintaining a light and airy feel.

accent

Reserve #8A6E99 for elements requiring a touch more depth or emphasis, such as important icons or subtle calls to action, without overwhelming the palette.

background

The lightest shade, #F5EFF9, is perfect for clean, expansive backgrounds, offering a serene and almost invisible canvas.

text

For optimal readability on light backgrounds like #F5EFF9 or #E9DFF0, a dark charcoal or black is recommended. #8A6E99 can be used for larger, decorative headings.

Accessibility notes

  • Exercise extreme caution with text contrast due to the palette's overall lightness; always check WCAG AA compliance for all text pairings.
  • Prioritize using #8A6E99 for essential text on the lightest backgrounds (e.g., #F5EFF9) to ensure adequate readability.
  • Avoid using #D1BADB or #E9DFF0 for small text or interactive elements as their contrast against light backgrounds will likely be insufficient.
  • Consider increasing font sizes or using bold weights for crucial information to compensate for lower contrast pairings.

Recommended combinations

Ethereal Layers

Create soft, dreamy backgrounds or subtle layered effects in illustrations, providing a sense of depth without strong contrast.

#F5EFF9 · #E9DFF0 · #D1BADB

Gentle Focus

Use #F5EFF9 as a base, #B094C2 for primary content, and #8A6E99 for a soft yet discernible accent on key elements.

#F5EFF9 · #B094C2 · #8A6E99

Muted Harmony

Ideal for subtle card designs, overlays, or components where a gentle transition of depth is desired, maintaining a cohesive look.

#D1BADB · #B094C2 · #8A6E99

CSS variables

:root {
  --lavender-field-whisper-2-1: #8A6E99;
  --lavender-field-whisper-2-2: #B094C2;
  --lavender-field-whisper-2-3: #D1BADB;
  --lavender-field-whisper-2-4: #E9DFF0;
  --lavender-field-whisper-2-5: #F5EFF9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-field-whisper-2": {
        1: "#8A6E99",
        2: "#B094C2",
        3: "#D1BADB",
        4: "#E9DFF0",
        5: "#F5EFF9",
      }
    }
  }
}

Related searches

soft lavender gray paletteethereal purple color schememinimalist pastel designcalm muted color brandingserene website color ideas

Palette colors

Hex values

Color 1#8A6E99
·
Color 2#B094C2
·
Color 3#D1BADB
·
Color 4#E9DFF0
·
Color 5#F5EFF9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.4:1AA18
3.9:1AA18
2
1.6:1Fail
1.5:1Fail
2.1:1Fail
2.4:1Fail
3
2.5:1Fail
1.5:1Fail
1.4:1Fail
1.6:1Fail
4
3.4:1AA18
2.1:1Fail
1.4:1Fail
1.1:1Fail
5
3.9:1AA18
2.4:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Lavender Field Whisper

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