Back to palettes

Palette

Desert Night Sky

A palette inspired by the clear, deep blue of a desert night sky dotted with distant stars.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F1721#283747#4F6D7A#0B121A#1F2E3E

Palette guide

How to use Desert Night Sky

Overview

The "Desert Night Sky" palette (version 3) is inspired by the clear, deep blue of a desert night sky, dotted with distant stars. This collection features incredibly dark, profound blues, ranging from the near-black #0B121A to the slightly lighter #4F6D7A. Key colors include the very dark #0F1721 and #1F2E3E, with #283747 providing a slightly more discernible blue. This palette is designed for projects that demand a sense of mystery, luxury, and immersive depth. It's particularly effective for dark mode interfaces, cinematic visuals, or high-end branding that benefits from a sophisticated and enigmatic color scheme.

Best used for

  • Dark mode UI/UX design
  • Luxury brand websites and apps
  • Cinematic title sequences or film posters
  • Mysterious or fantasy-themed projects
  • Premium product landing pages
  • Photography portfolios showcasing night scenes

Suggested color roles

primary

Utilize #283747 as the main deep blue, ideal for large content blocks or primary background sections, providing a strong foundation.

secondary

Employ #4F6D7A as a muted teal-blue for supporting elements, adding a subtle touch of color without detracting from the deep tones.

accent

Reserve #0F1721 for extreme depth or as a strong contrasting border, creating powerful visual separation.

background

Use #0B121A as the primary background, offering the deepest blue-black canvas for a truly immersive dark experience.

text

For optimal readability, a crisp white or a very light gray (e.g., #E0E0E0) is essential on all these dark backgrounds.

Accessibility notes

  • White or very light gray text is crucial on all colors in this palette to ensure sufficient contrast and readability.
  • Avoid using any of the darker blues for text on each other, as contrast will be severely lacking.
  • Ensure interactive elements are visually distinct and have high contrast against their background, using white or a light accent.
  • For large headings, #4F6D7A can be used with white text, but for body text, stick to white on the darker shades.

Recommended combinations

Deep Cosmos

Evokes profound expansiveness, ideal for hero sections or immersive backgrounds that convey a cosmic feel.

#0B121A · #283747 · #4F6D7A

Midnight Mystery

An enigmatic and rich combination, excellent for intros or sections that hint at hidden depths and sophistication.

#0F1721 · #1F2E3E · #4F6D7A

Starry Depths

Offers a layered, immersive feel, suitable for navigation elements or subtle background patterns.

#283747 · #0B121A · #1F2E3E

CSS variables

:root {
  --desert-night-sky-3-1: #0F1721;
  --desert-night-sky-3-2: #283747;
  --desert-night-sky-3-3: #4F6D7A;
  --desert-night-sky-3-4: #0B121A;
  --desert-night-sky-3-5: #1F2E3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-night-sky-3": {
        1: "#0F1721",
        2: "#283747",
        3: "#4F6D7A",
        4: "#0B121A",
        5: "#1F2E3E",
      }
    }
  }
}

Related searches

dark blue color palettedeep night sky colorsmysterious design themeluxury dark mode palettecinematic blue colors

Palette colors

Hex values

Color 1#0F1721
·
Color 2#283747
·
Color 3#4F6D7A
·
Color 4#0B121A
·
Color 5#1F2E3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.3:1AA18
1:1Fail
1.3:1Fail
2
1.5:1Fail
2.2:1Fail
1.5:1Fail
1.1:1Fail
3
3.3:1AA18
2.2:1Fail
3.4:1AA18
2.5:1Fail
4
1:1Fail
1.5:1Fail
3.4:1AA18
1.4:1Fail
5
1.3:1Fail
1.1:1Fail
2.5:1Fail
1.4:1Fail

Similar palettes

More like Desert Night Sky

View all dark
Galactic Star Dust
Celestial Night Bloom
Celestial Sapphire Dust
City After Hours
Cosmic Dust Swirl
Cosmic Starlight Gaze