Back to palettes

Palette

Moonless Lake Reflection

The serene, inky surface of a lake under a moonless sky, reflecting only the deepest shades of darkness and mystery.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonless Lake Reflection 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 Moonless Lake Reflection.

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

Data visualization

#1A2A3A#2C3E50#0F1E2E#3D4F61#08121D

Palette guide

How to use Moonless Lake Reflection

Overview

The Moonless Lake Reflection palette delves into the deepest, most serene blues and grays, capturing the profound calm of a nocturnal waterscape. It features an array of dark, muted tones such as the profound #08121D and #0F1E2E, complemented by the slightly lighter yet still deep #1A2A3A, #2C3E50, and #3D4F61. This palette is inherently sophisticated and minimalist, perfect for designers seeking to evoke a sense of quiet strength, mystery, or understated luxury. Its monochromatic nature allows for subtle textural play and highlights, making it excellent for high-end digital interfaces, contemplative art, or branding that values depth over vibrancy. Developers will find these dark shades conducive to creating elegant, eye-friendly dark mode experiences.

Best used for

  • High-end luxury interfaces
  • Dark mode UI/UX designs
  • Minimalist branding
  • Abstract art and photography
  • Serene digital environments
  • Nocturnal themed graphic design

Suggested color roles

primary

Utilize #08121D as the core dark shade for backgrounds, large panels, or foundational elements, establishing depth.

secondary

Apply #1A2A3A for secondary backgrounds, cards, or containers, providing a subtle visual separation.

accent

Use #3D4F61 sparingly for subtle highlights, interactive states, or very light text on darker elements, offering a hint of contrast.

background

The deepest #08121D or #0F1E2E works perfectly for a truly dark, immersive background, setting a calm mood.

text

For body text, a very light gray or near-white is essential for readability against these deep tones. Use #3D4F61 for subtle, less critical text.

Accessibility notes

  • Prioritize high contrast for all text elements. Lightest colors like #3D4F61 should only be used for larger text or accents against the darkest backgrounds.
  • Avoid using mid-tones for text against similar backgrounds; ensure a stark difference in luminosity.
  • Interactive elements should have distinct hover/active states that are clearly visible, perhaps using the lightest palette color.
  • Consider using thicker fonts or larger sizes for improved readability when using subtle color differences.

Recommended combinations

Deep Shadow

Creates a profound, multi-layered dark background ideal for immersive experiences.

#08121D · #1A2A3A · #2C3E50

Subtle Depth

Excellent for defining subtle hierarchies in UI, where slight variations indicate importance.

#0F1E2E · #2C3E50 · #3D4F61

Lake Surface

A balanced dark combination for sleek interfaces, offering understated elegance.

#1A2A3A · #3D4F61 · #08121D

CSS variables

:root {
  --moonless-lake-reflection-1: #1A2A3A;
  --moonless-lake-reflection-2: #2C3E50;
  --moonless-lake-reflection-3: #0F1E2E;
  --moonless-lake-reflection-4: #3D4F61;
  --moonless-lake-reflection-5: #08121D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonless-lake-reflection": {
        1: "#1A2A3A",
        2: "#2C3E50",
        3: "#0F1E2E",
        4: "#3D4F61",
        5: "#08121D",
      }
    }
  }
}

Related searches

dark blue gray color palettemonochromatic night colorscalm dark UI themedeep serene color schememinimalist dark web design

Palette colors

Hex values

Color 1#1A2A3A
·
Color 2#2C3E50
·
Color 3#0F1E2E
·
Color 4#3D4F61
·
Color 5#08121D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.7:1Fail
1.3:1Fail
2
1.3:1Fail
1.5:1Fail
1.3:1Fail
1.7:1Fail
3
1.2:1Fail
1.5:1Fail
2:1Fail
1.1:1Fail
4
1.7:1Fail
1.3:1Fail
2:1Fail
2.2:1Fail
5
1.3:1Fail
1.7:1Fail
1.1:1Fail
2.2:1Fail

Similar palettes

More like Moonless Lake Reflection

View all dark
Abyssal Bloom Depths
Deep Sea Lullaby
Midnight Indigo Reverie
Starry Night Veil
Ancient Fern Whisper
Celestial Dream Dust