Palette

Lavender Fields Dream

A gentle collection of colors reminiscent of vast lavender fields under a soft morning sky.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4BDDA#A89ACD#7367A6#E9E3ED#C5D8B4

Palette guide

How to use Lavender Fields Dream

Overview

The Lavender Fields Dream palette presents a unique, earthy take on lavender, blending soft purples with a surprising hint of green. Featuring shades like the gentle #D4BDDA, the thoughtful #A89ACD, the grounding #7367A6, the airy #E9E3ED, and the natural #C5D8B4, this collection evokes a dreamlike garden scape. Designers can use it for organic branding, serene digital environments, or calming product packaging. Developers will appreciate the subtle yet distinct contrasts, allowing for accessible content while maintaining a soft, natural aesthetic. This palette is perfect for projects seeking a harmonious blend of floral elegance and earthy tranquility, offering a fresh perspective.

Best used for

Organic and eco-friendly branding
Botanical garden websites
Wellness product lines
Nature-inspired illustrations
Sustainable fashion accents
Calm and inviting web interfaces

Suggested color roles

primary

Employ #A89ACD as the main color for headings, key UI components, or brand accents, providing a balanced and natural feel.

secondary

Utilize #D4BDDA for supporting content, secondary navigation, or soft background elements, maintaining the palette's gentle harmony.

accent

Reserve #7367A6 for elements requiring depth or a grounding presence, such as footers, important icons, or subtle calls to action.

background

The lightest shade, #E9E3ED, is ideal for clean, airy backgrounds, allowing other colors to breathe and stand out.

text

For optimal readability on light backgrounds like #E9E3ED, a dark charcoal or black is recommended. #7367A6 works well for elegant headings.

Accessibility notes

Ensure #7367A6 text on #E9E3ED backgrounds meets WCAG AA contrast standards for good readability.
Exercise caution when pairing #D4BDDA with #E9E3ED for essential text, as contrast may be insufficient for some users.
The green shade #C5D8B4 offers a unique accent; ensure its contrast is checked when used for text or interactive elements.
Provide clear visual cues for interactive elements, even with this soft palette, to ensure usability for all.

Recommended combinations

Dreamy Earth

Create soft, natural backgrounds or layered effects, blending light purple-gray with a gentle sage green for an organic feel.

#E9E3ED · #D4BDDA · #C5D8B4

Grounded Lavender

Use #E9E3ED as a clean background, #A89ACD for main content, and #7367A6 for strong headings or structural elements.

#E9E3ED · #A89ACD · #7367A6

Garden Contrast

Ideal for subtle card designs or informational panels, using the purples with the green for a fresh, harmonious accent.

#D4BDDA · #A89ACD · #C5D8B4

CSS variables

:root {
  --lavender-fields-dream-2-1: #D4BDDA;
  --lavender-fields-dream-2-2: #A89ACD;
  --lavender-fields-dream-2-3: #7367A6;
  --lavender-fields-dream-2-4: #E9E3ED;
  --lavender-fields-dream-2-5: #C5D8B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-fields-dream-2": {
        1: "#D4BDDA",
        2: "#A89ACD",
        3: "#7367A6",
        4: "#E9E3ED",
        5: "#C5D8B4",
      }
    }
  }
}

Hex values

Color 1#D4BDDA

Color 2#A89ACD

Color 3#7367A6

Color 4#E9E3ED

Color 5#C5D8B4

Accessibility

Contrast checker

1.5:1Fail

2.9:1Fail

1.4:1Fail

1.1:1Fail

1.5:1Fail

1.9:1Fail

2:1Fail

1.7:1Fail

2.9:1Fail

1.9:1Fail

4:1AA18

3.3:1AA18

1.4:1Fail

2:1Fail

4:1AA18

1.2:1Fail

1.1:1Fail

1.7:1Fail

3.3:1AA18

1.2:1Fail

Similar palettes

More like Lavender Fields Dream

View all pastel

Dreamy Lavender Field