Back to palettes

Palette

Starry Night

Deep, mesmerizing blues and purples, reflecting the infinite wonder of a starry night sky.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A2A#1C1C4C#383870#5E5E99#8F8FC4

Palette guide

How to use Starry Night

Overview

The "Starry Night" palette (version 2) offers a mesmerizing journey through the deep blues and purples of a cosmic night sky. Beginning with the profound #0A0A2A, a very dark indigo, it gracefully lightens through shades like #1C1C4C and #383870, hinting at distant starlight. The palette brightens further with the ethereal #5E5E99 and culminates in the soft, celestial glow of #8F8FC4. This collection is ideal for designers creating immersive digital experiences, elegant branding, or serene interfaces that evoke wonder and tranquility. Developers can employ these hex codes to craft sophisticated dark mode themes, space-themed applications, or artistic visualizations with a harmonious blend of cool tones.

Best used for

  • Astronomical websites or apps
  • Sci-fi game interfaces and concept art
  • Meditative or relaxation app UIs
  • Elegant dark mode web designs
  • Branding for technology or innovation
  • Digital art depicting night skies

Suggested color roles

primary

#0A0A2A - The deepest, darkest indigo. Perfect for main backgrounds, large headers, or hero sections, providing an immersive sense of night.

secondary

#1C1C4C - A rich, deep blue-purple. Excellent for secondary panels, content cards, or navigation bars, adding structure and depth.

accent

#5E5E99 - A medium, soft blue-purple. Use for interactive elements, highlights, or call-to-action buttons, offering a gentle yet discernible contrast.

background

#1C1C4C - A versatile deep blue-purple that serves as a rich, yet not overwhelming, background for most content.

text

#8F8FC4 - A light, ethereal blue-purple. Ideal for primary body text on darker backgrounds like #0A0A2A or #1C1C4C, ensuring good readability and a celestial feel.

Accessibility notes

  • #8F8FC4 provides good contrast for body text against #0A0A2A and #1C1C4C.
  • Be cautious when using #383870 or #5E5E99 for small text on other dark palette colors; always verify contrast ratios.
  • Ensure interactive elements have clear visual states, as some color differences are subtle.
  • For critical or very small text, a pure white or very light gray (#F8F8F8) might be necessary on the darkest backgrounds.

Recommended combinations

Cosmic Depth

Creates a profound, layered dark background effect, ideal for immersive digital environments.

#0A0A2A · #1C1C4C · #383870

Starlight Path

Provides a clear visual hierarchy with lighter tones against a darker base, suitable for navigation or data.

#1C1C4C · #5E5E99 · #8F8FC4

Serene Horizon

Combines the deepest blue with a mid-tone and a light, ethereal shade for a balanced, calming composition.

#0A0A2A · #383870 · #8F8FC4

CSS variables

:root {
  --starry-night-2-1: #0A0A2A;
  --starry-night-2-2: #1C1C4C;
  --starry-night-2-3: #383870;
  --starry-night-2-4: #5E5E99;
  --starry-night-2-5: #8F8FC4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starry-night-2": {
        1: "#0A0A2A",
        2: "#1C1C4C",
        3: "#383870",
        4: "#5E5E99",
        5: "#8F8FC4",
      }
    }
  }
}

Related searches

deep indigo color schemecosmic blue purple palettestarry night ui colorsserene dark mode bluenight sky color gradient

Palette colors

Hex values

Color 1#0A0A2A
·
Color 2#1C1C4C
·
Color 3#383870
·
Color 4#5E5E99
·
Color 5#8F8FC4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
3.2:1AA18
6.3:1AA
2
1.2:1Fail
1.5:1Fail
2.7:1Fail
5.2:1AA
3
1.8:1Fail
1.5:1Fail
1.8:1Fail
3.5:1AA18
4
3.2:1AA18
2.7:1Fail
1.8:1Fail
1.9:1Fail
5
6.3:1AA
5.2:1AA
3.5:1AA18
1.9:1Fail

Similar palettes

More like Starry Night

View all cool
Abyssal Current Glide
Bioluminescent Abyss
Celestial Deep Nebula
Cobalt Abyss Depths
Cobalt Midnight Sky
Cosmic Ocean Deep