Back to palettes

Palette

Ethereal Sky Veil

Soft, delicate blues and whites that mirror the serene, endless expanse of a clear, gentle sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8BB0C9#ADCBE7#C6DDEE#DCEAF5#F4F8FA

Palette guide

How to use Ethereal Sky Veil

Overview

The Ethereal Sky Veil palette masterfully captures the serene and expansive feel of a clear, gentle sky. This collection of cool blues and near-whites, ranging from the medium-toned #8BB0C9 to the whisper-light #F4F8FA, is designed for creating spaces that feel open, peaceful, and refined. #ADCBE7 provides a soft mid-tone, while #C6DDEE and #DCEAF5 offer progressively lighter shades, perfect for subtle gradients and depth. Designers aiming for a sophisticated yet approachable aesthetic will find this palette invaluable for corporate branding, clean UI/UX, or any project requiring a sense of calm reliability. Developers can leverage these versatile hex codes for elegant backgrounds, interactive states, and typography.

Best used for

  • Corporate websites and branding for calm professionalism
  • Cloud computing or tech service interfaces
  • Healthcare or wellness clinic websites
  • High-end stationery or invitation designs
  • Minimalist interior design concepts
  • Educational platforms or e-learning interfaces

Suggested color roles

primary

A grounded, muted blue, #8BB0C9, excellent for primary navigation, important buttons, or brand logos, conveying stability and trust.

secondary

A softer, approachable blue, #ADCBE7, suitable for subheadings, secondary calls-to-action, or supporting graphical elements.

accent

A delicate, light blue, #C6DDEE, ideal for subtle highlights, hover effects, or dividers, adding a touch of refinement.

background

A very light, almost white, #F4F8FA, background that provides a clean, open canvas, enhancing readability and a spacious feel.

text

A deep charcoal or near-black like #222222 is recommended for body text to ensure maximum contrast and readability against these light blues.

Accessibility notes

  • Ensure sufficient contrast for text when using any of the darker blues on the lighter ones, especially #ADCBE7 on #DCEAF5.
  • The lightest colors (#DCEAF5, #F4F8FA) should generally not be used for text unless on a very dark background.
  • Use a strong contrast text color like #222222 or black for all body copy on light backgrounds.
  • Avoid using #F4F8FA as text color on #DCEAF5 or vice-versa due to extremely low contrast.

Recommended combinations

Sky Gradient

Perfect for creating smooth, atmospheric gradients in hero sections or background elements.

#8BB0C9 · #ADCBE7 · #C6DDEE

Cloud Whisper

Ideal for subtle patterns, delicate UI elements, or accenting a clean, minimalist layout.

#DCEAF5 · #F4F8FA · #ADCBE7

Refined Horizon

Great for corporate reports, professional presentations, or branding that needs a sophisticated, airy feel.

#8BB0C9 · #C6DDEE · #F4F8FA

CSS variables

:root {
  --ethereal-sky-veil-1: #8BB0C9;
  --ethereal-sky-veil-2: #ADCBE7;
  --ethereal-sky-veil-3: #C6DDEE;
  --ethereal-sky-veil-4: #DCEAF5;
  --ethereal-sky-veil-5: #F4F8FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-sky-veil": {
        1: "#8BB0C9",
        2: "#ADCBE7",
        3: "#C6DDEE",
        4: "#DCEAF5",
        5: "#F4F8FA",
      }
    }
  }
}

Related searches

calm blue palettelight sky blue hexethereal blue colorsprofessional light bluesubtle cool tones

Palette colors

Hex values

Color 1#8BB0C9
·
Color 2#ADCBE7
·
Color 3#C6DDEE
·
Color 4#DCEAF5
·
Color 5#F4F8FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1.9:1Fail
2.1:1Fail
2
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
3
1.6:1Fail
1.2:1Fail
1.1:1Fail
1.3:1Fail
4
1.9:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail
5
2.1:1Fail
1.6:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Ethereal Sky Veil

View all cool
Arctic Sky Whisper
Celestial Azure Drift
Celestial Cloud Dust
Celestial Glow
Cloudspun Serenity
Dreamy Sky Canvas