Back to palettes

Palette

Lavender Sky Drift

Soft lavender shades evoke a serene and dreamy sky at twilight.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Sky Drift 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 Sky Drift.

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

Data visualization

#e0b0d0#c090be#9d70aa#7b5096#593082

Palette guide

How to use Lavender Sky Drift

Overview

The "Lavender Sky Drift" palette (ID: lavender-sky-drift) presents a rich, descending gradient of lavender and purple tones, reminiscent of a serene twilight sky. From the soft #e0b0d0 to the profound #593082, with intermediate shades like #c090be, #9d70aa, and #7b5096, this palette offers depth and sophistication. It's an excellent choice for designs that seek to convey a sense of calm, mystery, and understated elegance. Designers can leverage these colors to create immersive backgrounds, compelling visual hierarchies, or luxurious branding that feels both comforting and intriguing, perfect for a wide range of creative applications.

Best used for

  • Luxury cosmetics and beauty brands
  • Evening wear fashion e-commerce
  • Mystical or spiritual themed content
  • High-end event invitations
  • Artistic photography websites
  • Sophisticated interior design concepts

Suggested color roles

primary

#593082 - A deep, opulent purple, ideal for prominent headings, brand logos, or main interactive elements, conveying luxury and depth.

secondary

#7b5096 - A rich, darker purple, perfect for subheadings, secondary navigation, or significant graphic elements, providing strong contrast.

accent

#9d70aa - A balanced medium purple, excellent for calls-to-action, buttons, or highlighting important information with elegance.

background

#e0b0d0 - A very light, soft pink-purple, providing a gentle and inviting backdrop that allows darker elements to stand out.

text

#593082 - This deep purple offers strong readability for body text on light backgrounds, or a dark charcoal for contrast.

Accessibility notes

  • Ensure #593082 text on #e0b0d0 backgrounds meets WCAG AA contrast standards; it should pass.
  • Avoid using #c090be or #e0b0d0 for small text due to insufficient contrast against similar light backgrounds.
  • Interactive elements should clearly stand out, using #593082 or #7b5096.
  • Provide alternative visual indicators for color-dependent information for users with color vision deficiencies.

Recommended combinations

Twilight Gradient

Creates smooth, atmospheric background transitions or layered effects, mimicking a twilight sky.

#E0B0D0 · #C090BE · #9D70AA

Deep Elegance

Ideal for main content blocks and headings, providing strong readability with deep, luxurious purples.

#E0B0D0 · #593082 · #7B5096

Rich Accent

Suited for interactive elements or subtle highlights, offering a sophisticated yet clear visual cue.

#C090BE · #9D70AA · #7B5096

CSS variables

:root {
  --lavender-sky-drift-1: #e0b0d0;
  --lavender-sky-drift-2: #c090be;
  --lavender-sky-drift-3: #9d70aa;
  --lavender-sky-drift-4: #7b5096;
  --lavender-sky-drift-5: #593082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-sky-drift": {
        1: "#e0b0d0",
        2: "#c090be",
        3: "#9d70aa",
        4: "#7b5096",
        5: "#593082",
      }
    }
  }
}

Related searches

deep lavender purple palettetwilight color scheme hexluxurious purple branding colorselegant dark pastel uiserene sophisticated purple

Palette colors

Hex values

Color 1#e0b0d0
·
Color 2#c090be
·
Color 3#9d70aa
·
Color 4#7b5096
·
Color 5#593082
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.3:1AA18
5.2:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.3:1AA18
2.3:1Fail
1.6:1Fail
1.6:1Fail
5
5.2:1AA
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Lavender Sky Drift

View all pastel
Aura Amethyst Dream
Dreamy Lavender Field
Lavender Fields Dream
Lavender Haze Dream
Lavender Misty Dream
Lavender Morning Mist