Back to palettes

Palette

Lavender Haze Meadow

Evokes the ethereal and calming vision of a vast lavender field at dusk.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0573#82479E#B270A2#E8A87C#FFD2A8

Palette guide

How to use Lavender Haze Meadow

Overview

The Lavender Haze Meadow palette captures the ethereal beauty of a lavender field at dusk, blending rich purples with warm, inviting sunset tones. This unique collection features the deep #6A0573, a vibrant #82479E, and the softer #B270A2, complemented by the sunny #E8A87C and the creamy #FFD2A8. It’s ideal for designers and developers seeking a dreamy, sophisticated, yet approachable aesthetic. Use this palette to evoke warmth, creativity, and a touch of romance in branding, digital art, or user interfaces. The interplay of cool purples and warm oranges creates a captivating visual narrative.

Best used for

  • Art and photography portfolios
  • Bohemian fashion branding
  • Travel and lifestyle blogs
  • Event branding (weddings, festivals)
  • Cosmetics and beauty product packaging
  • Creative digital illustrations

Suggested color roles

primary

Employ #6A0573 for impactful branding, main navigation, or bold statements, exuding sophistication.

secondary

Utilize #82479E for supporting sections, subheadings, or graphic elements that require depth without being overpowering.

accent

Introduce #E8A87C or #FFD2A8 as a warm, inviting accent for buttons, interactive elements, or highlights.

background

A light neutral background works best to let these colors shine; if from the palette, #FFD2A8 provides a warm base.

text

For optimal readability, use a deep charcoal or black text. For headings on lighter backgrounds like #FFD2A8, #6A0573 offers strong contrast.

Accessibility notes

  • Ensure sufficient contrast when placing text on #E8A87C or #FFD2A8; darker text like #6A0573 is recommended.
  • Be cautious using #B270A2 for small text against similarly light backgrounds; check WCAG contrast ratios.
  • The dark #6A0573 provides excellent contrast for text on #FFD2A8, making it suitable for important information.
  • Avoid pairing #E8A87C with #FFD2A8 for text/background combinations due to low contrast.

Recommended combinations

Dusk Glow

Creates a dramatic and warm contrast, ideal for hero sections or captivating visuals.

#6A0573 · #82479E · #FFD2A8

Soft Meadow

Perfect for gentle backgrounds, illustrations, or elements needing a dreamy, inviting feel.

#B270A2 · #E8A87C · #FFD2A8

Vibrant Accents

Use for interactive elements, highlights, or to add energetic pops of color against a neutral base.

#82479E · #E8A87C · #6A0573

CSS variables

:root {
  --lavender-haze-meadow-1: #6A0573;
  --lavender-haze-meadow-2: #82479E;
  --lavender-haze-meadow-3: #B270A2;
  --lavender-haze-meadow-4: #E8A87C;
  --lavender-haze-meadow-5: #FFD2A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-haze-meadow": {
        1: "#6A0573",
        2: "#82479E",
        3: "#B270A2",
        4: "#E8A87C",
        5: "#FFD2A8",
      }
    }
  }
}

Related searches

lavender orange color palettesunset purple colorsdreamy floral designboho color schemewarm purple UI

Palette colors

Hex values

Color 1#6A0573
·
Color 2#82479E
·
Color 3#B270A2
·
Color 4#E8A87C
·
Color 5#FFD2A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
5.5:1AA
8:1AAA
2
1.8:1Fail
1.7:1Fail
3.1:1AA18
4.5:1AA18
3
3:1AA18
1.7:1Fail
1.8:1Fail
2.6:1Fail
4
5.5:1AA
3.1:1AA18
1.8:1Fail
1.5:1Fail
5
8:1AAA
4.5:1AA18
2.6:1Fail
1.5:1Fail

Similar palettes

More like Lavender Haze Meadow

View all pastel