Back to palettes

Palette

Cosmic Deep Slumber

Profound blacks and deep indigos, inviting contemplation into the vast, silent beauty of the cosmos.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Deep Slumber 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 Cosmic Deep Slumber.

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

Data visualization

#0A0A0A#191970#2F4F4F#4B0082#8A2BE2

Palette guide

How to use Cosmic Deep Slumber

Overview

The Cosmic Deep Slumber palette features profound blacks and deep indigos, inviting contemplation into the vast, silent beauty of the cosmos. With shades like the absolute #0A0A0A, the mysterious #191970, and the vibrant #8A2BE2, this collection offers a dark, elegant, and mysterious aesthetic. Designers can leverage the strong contrast between the deep base colors and the brighter purples to create striking visual hierarchies. Developers will find these hex codes ideal for crafting immersive digital experiences, from sophisticated dark mode interfaces to evocative website themes, ensuring a visually rich and engaging user journey that conveys depth and cosmic wonder across various digital platforms.

Best used for

  • Luxury dark mode UI/UX design
  • Mystical or contemplative app interfaces
  • High-end event or brand identity
  • Digital art with deep space themes
  • E-commerce for unique artisanal products
  • Fashion editorial layouts with an elegant, dark edge

Suggested color roles

primary

Designate #0A0A0A as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

Utilize #191970 as a rich secondary, excellent for subheadings, navigation, or larger background sections to add depth.

accent

Apply #8A2BE2 as a vibrant accent, perfect for interactive elements, icons, or highlights that need to draw attention.

background

The deep #0A0A0A provides an immersive dark canvas. Alternatively, #2F4F4F can serve as a slightly lighter dark background.

text

White or a very light gray provides excellent contrast on #0A0A0A, #191970, and #2F4F4F. Use white text for #4B0082 and #8A2BE2.

Accessibility notes

  • Ensure white text on #0A0A0A, #191970, and #2F4F4F meets WCAG AA contrast standards for readability.
  • Avoid pairing #4B0082 and #8A2BE2 for small text unless sufficient contrast is confirmed; reserve for larger graphics.
  • The vibrant #8A2BE2 provides excellent contrast against the darker shades for calls-to-action.
  • For body text, ensure a strong contrast against any background, defaulting to white on darks or black on very light backgrounds (if applicable).

Recommended combinations

Void Depths

Combine the deepest shades for a profound background with a vibrant purple for striking text or key UI elements.

#0A0A0A · #191970 · #8A2BE2

Cosmic Contemplation

Create smooth gradients or layered effects in UI design, mimicking the atmospheric transition of deep space.

#191970 · #2F4F4F · #4B0082

Mystic Accent

Use #0A0A0A as a dark background, #8A2BE2 for primary highlights, and #4B0082 for secondary information or interactive elements.

#0A0A0A · #8A2BE2 · #4B0082

CSS variables

:root {
  --cosmic-deep-slumber-1: #0A0A0A;
  --cosmic-deep-slumber-2: #191970;
  --cosmic-deep-slumber-3: #2F4F4F;
  --cosmic-deep-slumber-4: #4B0082;
  --cosmic-deep-slumber-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-deep-slumber": {
        1: "#0A0A0A",
        2: "#191970",
        3: "#2F4F4F",
        4: "#4B0082",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

deep indigo black palettemysterious space design colorsdark cosmic UI colorselegant deep purple brandingcontemplative dark theme

Palette colors

Hex values

Color 1#0A0A0A
·
Color 2#191970
·
Color 3#2F4F4F
·
Color 4#4B0082
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

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

Similar palettes

More like Cosmic Deep Slumber

View all dark
Galactic Void Shimmer
Starlight Abyss Ink
Celestial Dust Swirl
Cosmic Dust Bloom
Cosmic Stardust Drift
Dark Galaxy Nebula