Palette

Moonlit Lakeside Veil

Deep, somber blues illuminated by a soft, ethereal light, like a tranquil lake under a shroud of moonlight.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Lakeside 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 Moonlit Lakeside Veil.

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

Data visualization

#000033#001A4D#003380#4682B4#ADD8E6

Palette guide

How to use Moonlit Lakeside Veil

Overview

The Moonlit Lakeside Veil palette captures the deep, somber blues of a tranquil lake under a shroud of moonlight. This collection is ideal for designs that seek to convey mystery, depth, and serene elegance. With shades ranging from the profound #000033, through the commanding #003380, to the ethereal #ADD8E6, it offers a powerful yet calming spectrum. Designers and developers can leverage this palette to craft immersive dark mode interfaces, sophisticated branding, or artistic compositions that resonate with a cool, contemplative atmosphere. It's particularly effective for projects requiring a sense of calm and profound depth.

Best used for

Dark mode user interfaces and applications
Space and astronomy themed content
Luxury yacht and marine branding
Contemplative art and photography
Sophisticated technology platforms
Ethereal event design

Suggested color roles

primary

Use #000033 as the foundational deep navy for backgrounds, primary containers, or large text blocks in dark mode.

secondary

Apply #001A4D for supporting elements like navigation bars, card headers, or subtle dividers to add depth.

accent

Employ #ADD8E6 for bright, ethereal highlights, interactive elements, or subtle graphic details.

background

The deepest hue, #000033, creates an immersive, elegant dark background, while #4682B4 can serve as a mid-tone canvas.

text

For optimal readability on dark backgrounds like #000033, use #ADD8E6. Consider a crisp white for starker contrast.

Accessibility notes

Ensure sufficient contrast when pairing #003380 with #001A4D for text, as they are close in value.
Text in #ADD8E6 on #000033 provides excellent readability.
Avoid using #4682B4 for critical text on dark backgrounds without careful contrast checks.
Always test color combinations with accessibility checkers for WCAG compliance, especially for interactive elements.

Recommended combinations

Deep Waters

Ideal for a dark, immersive theme where #000033 is the background, #003380 for elements, and #ADD8E6 for highlights.

#000033 · #003380 · #ADD8E6

Lakeside Hues

Perfect for creating depth and transition, with #001A4D as base, #4682B4 for content, and #ADD8E6 for airy accents.

#001A4D · #4682B4 · #ADD8E6

Veiled Mystery

Excellent for gradients or large graphic elements, showcasing a smooth, deep progression through the palette's darker blues.

#000033 · #001A4D · #4682B4

CSS variables

:root {
  --moonlit-lakeside-veil-1: #000033;
  --moonlit-lakeside-veil-2: #001A4D;
  --moonlit-lakeside-veil-3: #003380;
  --moonlit-lakeside-veil-4: #4682B4;
  --moonlit-lakeside-veil-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-lakeside-veil": {
        1: "#000033",
        2: "#001A4D",
        3: "#003380",
        4: "#4682B4",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#001A4D

Color 3#003380

Color 4#4682B4

Color 5#ADD8E6

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

4.9:1AA

13.1:1AAA

1.2:1Fail

1.4:1Fail

4.1:1AA18

11:1AAA

1.7:1Fail

1.4:1Fail

2.9:1Fail

7.7:1AAA

4.9:1AA

4.1:1AA18

2.9:1Fail

2.7:1Fail

13.1:1AAA

11:1AAA

7.7:1AAA

2.7:1Fail

Similar palettes

More like Moonlit Lakeside Veil

View all dark

Blackwater Grotto Gloom

Deep Sea Fathoms

Galactic Star Dust

Midnight Indigo Depths

Midnight Ink Spill

Nocturnal Bloom