Back to palettes

Palette

Celestial Dewdrop Gleam

Ethereal blues and soft grays, like tiny dew drops reflecting the vast celestial sky.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Dewdrop Gleam 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 Celestial Dewdrop Gleam.

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

Data visualization

#B0C4DE#87CEFA#6495ED#4682B4#191970

Palette guide

How to use Celestial Dewdrop Gleam

Overview

The Celestial Dewdrop Gleam palette combines ethereal blues and soft grays, like tiny dew drops reflecting the vast celestial sky. It features a profound indigo #191970, transitioning through a strong steel blue #4682B4, and a calming cornflower blue #6495ED. The lighter sky blue #87CEFA and the muted blue #B0C4DE add an ethereal, dreamy quality. This palette is ideal for designers and developers seeking an elegant, serene, and sophisticated aesthetic. It's perfect for projects requiring a sense of clarity, depth, and understated luxury, from corporate branding to artistic websites and tranquil digital interfaces.

Best used for

  • Elegant corporate branding
  • High-end spa or wellness websites
  • Minimalist UI/UX design
  • Serene digital art and illustrations
  • Luxury product packaging
  • Environmental or conservation initiatives

Suggested color roles

primary

#191970 - A deep, rich indigo, ideal for foundational backgrounds, headers, or main structural elements, providing depth and elegance.

secondary

#4682B4 - Use for subheadings, navigation, or large content blocks, offering a strong steel blue.

accent

#87CEFA - A bright, clear sky blue, perfect for subtle highlights, interactive elements, or to draw attention.

background

#B0C4DE - A light, muted blue, providing an ethereal canvas, or use #191970 for a darker, more dramatic background.

text

White or a very light gray - The palette lacks a sufficiently light color for primary text on dark backgrounds; white offers optimal contrast.

Accessibility notes

  • Ensure white text on #191970 or #4682B4 background meets WCAG AAA contrast ratio.
  • #87CEFA text on #B0C4DE will have insufficient contrast; avoid for critical information.
  • For body text, stick to white or very light gray on darker backgrounds.
  • Use #6495ED as text on #B0C4DE for headings if contrast is sufficient; otherwise, use a darker blue.

Recommended combinations

Deep Reflection

Deep indigo base, cornflower blue for content, and muted blue for accents.

#191970 · #6495ED · #B0C4DE

Sky Gleam

Steel blue for main elements, bright sky blue for highlights, and deep indigo for grounding.

#4682B4 · #87CEFA · #191970

Dewdrop Horizon

Light muted blue background with cornflower blue and steel blue for layered content.

#B0C4DE · #6495ED · #4682B4

CSS variables

:root {
  --celestial-dewdrop-gleam-1: #B0C4DE;
  --celestial-dewdrop-gleam-2: #87CEFA;
  --celestial-dewdrop-gleam-3: #6495ED;
  --celestial-dewdrop-gleam-4: #4682B4;
  --celestial-dewdrop-gleam-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dewdrop-gleam": {
        1: "#B0C4DE",
        2: "#87CEFA",
        3: "#6495ED",
        4: "#4682B4",
        5: "#191970",
      }
    }
  }
}

Related searches

elegant blue gray paletteserene celestial colorsminimalist blue designtranquil cool tonesluxurious indigo scheme

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#87CEFA
·
Color 3#6495ED
·
Color 4#4682B4
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
2.3:1Fail
8.3:1AAA
2
1:1Fail
1.7:1Fail
2.4:1Fail
8.7:1AAA
3
1.7:1Fail
1.7:1Fail
1.4:1Fail
5:1AA
4
2.3:1Fail
2.4:1Fail
1.4:1Fail
3.6:1AA18
5
8.3:1AAA
8.7:1AAA
5:1AA
3.6:1AA18

Similar palettes

More like Celestial Dewdrop Gleam

View all cool
Celestial Opal Bloom
Aurora Borealis Glow
Aurora Shimmer Dance
Aurora Shimmer Veil
Aurora Sky Glow
Celestial Ocean Mirror