Back to palettes

Palette

Lavender Haze Dawn

A soft, dreamy blend of muted lavenders and subtle pinks, like a gentle morning mist over a flower field.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Haze Dawn 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 Haze Dawn.

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

Data visualization

#D4C9E7#E0D3EF#ECD8FA#BDABC7#A09DB0

Palette guide

How to use Lavender Haze Dawn

Overview

The "Lavender Haze Dawn" palette beautifully captures the delicate, calming hues of a morning mist over a flower field. It features an array of subtle lavenders and soft grays, including the gentle #D4C9E7, the slightly warmer #E0D3EF, and the very light #ECD8FA. These are complemented by the muted #BDABC7 and the grounding #A09DB0. This palette is invaluable for designers and developers aiming to create interfaces or branding that exude tranquility, softness, and delicate elegance. Its understated nature makes it perfect for projects requiring a soothing and sophisticated aesthetic.

Best used for

  • Baby product packaging or nursery decor
  • Wellness and mindfulness apps
  • Delicate jewelry brand identity
  • Photography websites specializing in soft, natural light
  • Editorial design for poetry or art books
  • Subscription boxes for self-care items

Suggested color roles

primary

#D4C9E7 - A soft, inviting lavender ideal for main content areas or background sections that need a hint of color.

secondary

#BDABC7 - Provides a slightly deeper tone for secondary information, subtle dividers, or interactive elements.

accent

#A09DB0 - A grounding, muted gray-purple perfect for adding subtle contrast or defining important, non-primary elements.

background

#ECD8FA - An extremely light, almost white background that ensures an airy feel and allows content to breathe.

text

#A09DB0 - A soft, muted gray-purple that offers good readability against the lighter background tones without being stark.

Accessibility notes

  • Exercise caution with contrast; #D4C9E7 or #E0D3EF on #ECD8FA will have very low contrast.
  • Use #A09DB0 for all essential text to ensure maximum readability within the palette.
  • Avoid using lighter palette colors for small text or critical information.
  • Consider using a slightly darker, near-black for body text if extensive reading is required to meet AA standards.

Recommended combinations

Misty Light

Creates a very soft, layered background effect for a delicate presence.

#ECD8FA · #E0D3EF · #D4C9E7

Subtle Structure

Provides gentle hierarchy for informational blocks and dividers.

#ECD8FA · #BDABC7 · #A09DB0

Soft Focus

Ideal for understated graphics, hover states, or background patterns.

#D4C9E7 · #E0D3EF · #A09DB0

CSS variables

:root {
  --lavender-haze-dawn-1: #D4C9E7;
  --lavender-haze-dawn-2: #E0D3EF;
  --lavender-haze-dawn-3: #ECD8FA;
  --lavender-haze-dawn-4: #BDABC7;
  --lavender-haze-dawn-5: #A09DB0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-haze-dawn": {
        1: "#D4C9E7",
        2: "#E0D3EF",
        3: "#ECD8FA",
        4: "#BDABC7",
        5: "#A09DB0",
      }
    }
  }
}

Related searches

delicate lavender palettesoft morning mist colorscalm pastel designmuted purple gray schemeethereal dawn aesthetic

Palette colors

Hex values

Color 1#D4C9E7
·
Color 2#E0D3EF
·
Color 3#ECD8FA
·
Color 4#BDABC7
·
Color 5#A09DB0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
1.9:1Fail
3
1.2:1Fail
1.1:1Fail
1.6:1Fail
2:1Fail
4
1.4:1Fail
1.5:1Fail
1.6:1Fail
1.2:1Fail
5
1.7:1Fail
1.9:1Fail
2:1Fail
1.2:1Fail

Similar palettes

More like Lavender Haze Dawn

View all pastel
Lavender Field Peace
Dewdrop Petal Blush
Lavender Field Dreams
Lavender Field Haze
Lavender Field Haze
Lavender Field Peace