Back to palettes

Palette

Ethereal Mist Dream

A delicate and dreamy palette that feels light as air and full of serenity, truly ethereal.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Mist 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 Ethereal Mist Dream.

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

Data visualization

#B0E0E6#E6E6FA#DCDCDC#F8F8F8#FFDAB9

Palette guide

How to use Ethereal Mist Dream

Overview

The 'Ethereal Mist Dream' palette is a delicate and dreamy collection that feels light as air, full of serenity. It features a soft blue #B0E0E6, a gentle lavender #E6E6FA, a subtle light gray #DCDCDC, an airy off-white #F8F8F8, and a hint of warm peach with #FFDAB9. This palette is truly ethereal, perfect for designers and developers aiming to create visuals that convey peace, romance, and a sense of calm. Its subtle variations and harmonious blend of cool and warm pastels make it versatile for a wide range of elegant and soft design applications, avoiding any harshness.

Best used for

  • Baby product branding and nurseries
  • Wedding themes and invitations
  • Artistic photography backdrops
  • Soft interior design concepts
  • Romantic web pages and blogs
  • Dream interpretation or meditation apps

Suggested color roles

primary

Use #B0E0E6 (a soft blue) as a foundational color for expansive areas, providing a calm and stable, yet light, base.

secondary

Employ #E6E6FA (a gentle lavender) for supporting sections, secondary buttons, or decorative elements to add a dreamy, inviting quality.

accent

Apply #FFDAB9 (a light peach) for a warm, gentle highlight, subtle call-to-actions, or to add a touch of romantic charm.

background

Utilize #F8F8F8 (an airy off-white) as the primary background color, ensuring a clean, spacious canvas that enhances the ethereal feel.

text

For optimal readability on light backgrounds, a dark charcoal or black is recommended. #DCDCDC can be used for subtle distinctions or very light text effects.

Accessibility notes

  • Most colors are very light, resulting in low contrast; ensure essential text on #F8F8F8 or #E6E6FA uses a dark, high-contrast color.
  • Avoid using #DCDCDC for important text on #F8F8F8, as their contrast is insufficient for readability.
  • Always check WCAG contrast ratios for interactive elements, especially when using lighter accent colors like #FFDAB9.
  • Consider using larger font sizes and bolder weights for any text set in lighter colors to improve legibility.

Recommended combinations

Dreamy Base

Creates a clean, serene UI base, suitable for web layouts and gentle branding, emphasizing airiness and calm.

#F8F8F8 · #E6E6FA · #B0E0E6

Soft Blush

Excellent for romantic themes, subtle accents, or elements requiring a touch of warmth and delicate charm.

#FFDAB9 · #E6E6FA · #B0E0E6

Mist Contrast

Ideal for subtle variations in background elements or dividing sections with minimal visual interruption, maintaining a soft aesthetic.

#F8F8F8 · #DCDCDC · #B0E0E6

CSS variables

:root {
  --ethereal-mist-dream-1: #B0E0E6;
  --ethereal-mist-dream-2: #E6E6FA;
  --ethereal-mist-dream-3: #DCDCDC;
  --ethereal-mist-dream-4: #F8F8F8;
  --ethereal-mist-dream-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-mist-dream": {
        1: "#B0E0E6",
        2: "#E6E6FA",
        3: "#DCDCDC",
        4: "#F8F8F8",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

delicate pastel paletteserene dream colorslight airy designromantic color schemesoft blue peach grey

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#E6E6FA
·
Color 3#DCDCDC
·
Color 4#F8F8F8
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.3:1Fail
1.1:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
3
1:1Fail
1.1:1Fail
1.3:1Fail
1:1Fail
4
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
5
1.1:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Ethereal Mist Dream

View all pastel
Aurora Shimmer
Dreamy Skyscape Tint
Misty Morning
Misty Sky Serene
Morning Haze Pastel
Muted Lavender Fog