Back to palettes

Palette

Starry Desert Night

Deep blues and muted indigos reflect the vast, clear skies and serene mystery of a desert night, with shimmering stars.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starry Desert Night 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 Starry Desert Night.

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

Data visualization

#2C3E50#4A6C8C#6B8FA7#8FB6CC#0F1E2E

Palette guide

How to use Starry Desert Night

Overview

The "Starry Desert Night" palette captures the tranquil yet vast essence of a nocturnal desert landscape under a clear sky. It begins with the profound depth of #0F1E2E, a nearly black navy, transitioning through muted blues like #2C3E50 and #4A6C8C. Lighter, ethereal tones such as #6B8FA7 and #8FB6CC evoke the shimmering light of distant stars or moonlit sand. This collection is ideal for designers crafting serene, sophisticated interfaces, or branding that speaks to mystery, nature, and understated elegance. Developers can apply these hex codes to create calming dark themes for apps, websites, or digital art where a sense of quiet grandeur is desired, ensuring a harmonious visual flow.

Best used for

  • Nature-inspired websites or apps
  • Travel and adventure branding
  • Serene meditation or mindfulness apps
  • Astronomical or celestial themed designs
  • Elegant packaging for premium products
  • Digital art depicting night scenes

Suggested color roles

primary

#0F1E2E - A deep, almost black navy. Ideal for main backgrounds, headers, or large content blocks, establishing a profound sense of night.

secondary

#2C3E50 - A rich, deep slate blue. Excellent for secondary sections, navigation bars, or card backgrounds, providing depth and structure.

accent

#6B8FA7 - A soft, muted blue-gray. Use for interactive elements, subtle highlights, or call-to-action buttons, offering a gentle contrast.

background

#2C3E50 - Provides a stable, dark blue canvas for most content, offering a less intense alternative to the primary dark.

text

#8FB6CC - A light, airy blue. Highly effective for primary text on darker backgrounds like #0F1E2E or #2C3E50, ensuring good readability. For smaller text, consider a brighter white.

Accessibility notes

  • #8FB6CC offers good contrast against #0F1E2E and #2C3E50 for body text.
  • Be cautious using #4A6C8C or #6B8FA7 for small text on #2C3E50 or #0F1E2E; test contrast ratios.
  • Ensure interactive elements using lighter shades like #6B8FA7 have sufficient contrast against their background.
  • For critical UI elements or very small text, consider using pure white or a very light gray on the darkest shades for maximum readability.

Recommended combinations

Desert Horizon

Establishes a deep, layered night sky effect, perfect for backgrounds or gradient transitions.

#0F1E2E · #2C3E50 · #4A6C8C

Starlight Glow

Creates a soft, luminous contrast for text, icons, or subtle UI highlights against a darker base.

#2C3E50 · #6B8FA7 · #8FB6CC

Serene Depth

Combines the deepest blue with a medium and light blue for a balanced, calming composition.

#0F1E2E · #4A6C8C · #8FB6CC

CSS variables

:root {
  --starry-desert-night-1: #2C3E50;
  --starry-desert-night-2: #4A6C8C;
  --starry-desert-night-3: #6B8FA7;
  --starry-desert-night-4: #8FB6CC;
  --starry-desert-night-5: #0F1E2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-desert-night": {
        1: "#2C3E50",
        2: "#4A6C8C",
        3: "#6B8FA7",
        4: "#8FB6CC",
        5: "#0F1E2E",
      }
    }
  }
}

Related searches

desert night color schemeserene blue palettecelestial ui colorsmuted indigo bluestranquil dark theme

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#4A6C8C
·
Color 3#6B8FA7
·
Color 4#8FB6CC
·
Color 5#0F1E2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
5.1:1AA
1.5:1Fail
2
2:1Fail
1.6:1Fail
2.6:1Fail
3.1:1AA18
3
3.2:1AA18
1.6:1Fail
1.6:1Fail
4.9:1AA
4
5.1:1AA
2.6:1Fail
1.6:1Fail
7.8:1AAA
5
1.5:1Fail
3.1:1AA18
4.9:1AA
7.8:1AAA

Similar palettes

More like Starry Desert Night

View all dark
Starlit Canvas
Celestial Deep Blue
Celestial Night Bloom
Celestial Night Sky
Celestial Sapphire Dust
City After Hours