Back to palettes

Palette

Ethereal Mist Veil

Soft, blending blues and purples create a gentle, dreamy atmosphere, like a mysterious fog over a serene landscape.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C7CEEA#A6B4D8#859BCA#6382BB#D8E0F0

Palette guide

How to use Ethereal Mist Veil

Overview

The 'Ethereal Mist Veil' palette features soft, blending blues and purples, creating a gentle, dreamy atmosphere akin to a mysterious fog over a serene landscape. With colors ranging from a very light blue #D8E0F0 to a light lavender-blue #C7CEEA, and deeper blues like #A6B4D8, #859BCA, and #6382BB, this palette is perfect for conveying tranquility and depth. Designers and developers can leverage its harmonious cool tones to craft sophisticated interfaces, atmospheric branding, or digital art that feels both calming and intriguing. It’s ideal for projects seeking an elegant, subdued, and dreamy aesthetic.

Best used for

  • Meditation and wellness apps
  • Spiritual and holistic branding
  • Atmospheric web design
  • Abstract digital art and photography
  • Serene packaging for luxury goods
  • Sophisticated stationery and invitations

Suggested color roles

primary

Use #859BCA (a medium blue) as a primary color for headers or significant sections, establishing a calm and foundational presence.

secondary

Employ #A6B4D8 (a softer blue) for supporting content, subheadings, or secondary calls to action, providing harmonious depth.

accent

Apply #C7CEEA (a light lavender-blue) for delicate highlights, subtle borders, or hover states that require a gentle, ethereal touch.

background

Utilize #D8E0F0 (an airy, near-white blue) as the main background to create a clean, expansive canvas, enhancing the palette's lightness.

text

For optimal readability on light backgrounds, use a dark charcoal or black. #6382BB works well for headings or important text on #D8E0F0.

Accessibility notes

  • The very light colors, #D8E0F0 and #C7CEEA, have minimal contrast; avoid using them for adjacent critical text or interactive elements.
  • Ensure text on #A6B4D8 provides sufficient contrast, typically requiring a darker color like #6382BB or black for readability.
  • Always check WCAG contrast ratios for text and interactive elements, especially on medium shades like #859BCA.
  • Avoid using light text colors on the darker blues to prevent legibility issues; opt for dark text on lighter backgrounds.

Recommended combinations

Serene Base

Forms a clean, tranquil UI base, ideal for website layouts and informational displays, offering clarity with a soft, ethereal feel.

#D8E0F0 · #C7CEEA · #859BCA

Deep Mist

Excellent for illustrations, moody branding, or sections requiring more depth and a richer, mysterious atmosphere.

#6382BB · #859BCA · #A6B4D8

Veiled Light

Ideal for subtle branding, layered elements, or visual storytelling that evokes light filtering through a gentle, blue mist.

#D8E0F0 · #A6B4D8 · #6382BB

CSS variables

:root {
  --ethereal-mist-veil-1: #C7CEEA;
  --ethereal-mist-veil-2: #A6B4D8;
  --ethereal-mist-veil-3: #859BCA;
  --ethereal-mist-veil-4: #6382BB;
  --ethereal-mist-veil-5: #D8E0F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-mist-veil": {
        1: "#C7CEEA",
        2: "#A6B4D8",
        3: "#859BCA",
        4: "#6382BB",
        5: "#D8E0F0",
      }
    }
  }
}

Related searches

soft blue purple palettemisty dream colorsserene cool tonesatmospheric design schemecalming lavender blue

Palette colors

Hex values

Color 1#C7CEEA
·
Color 2#A6B4D8
·
Color 3#859BCA
·
Color 4#6382BB
·
Color 5#D8E0F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
1.2:1Fail
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
1.6:1Fail
3
1.8:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
2.9:1Fail
5
1.2:1Fail
1.6:1Fail
2.1:1Fail
2.9:1Fail

Similar palettes

More like Ethereal Mist Veil

View all cool
Astral Ocean Mist
Celestial Cloudscape
Enchanted Garden Mist
Gentle Lake Mist
Jellyfish Ocean Dream
Lavender Haze Dusk