Palette

Deep Space Reverie

A mystical journey through dark cosmic dust and distant starlight.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Space Reverie 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 Deep Space Reverie.

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

Data visualization

#0A0A2A#2C2C54#7E57C2#B39DDB#E0E0F8

Palette guide

How to use Deep Space Reverie

Overview

The Deep Space Reverie palette invites designers and developers on a mystical journey through dark cosmic dust and distant starlight. Ranging from the profound #0A0A2A to the ethereal #E0E0F8, this palette beautifully blends deep purples and blues with luminous, almost white accents. It's an exceptional choice for creating experiences that are tranquil, sophisticated, or dreamlike, evoking a sense of wonder and calm contemplation. The harmonious progression of dark, cool tones and soft, glowing highlights makes it perfect for interfaces, branding, or digital art that requires a sense of boundless serenity and refined beauty.

Best used for

Meditation and sleep aid apps
Luxury lifestyle websites and apps
Poetry or literature platforms
Dream-themed game interfaces
Personal portfolio websites with an elegant aesthetic
Dark mode themes with a soft, ethereal glow

Suggested color roles

primary

#2C2C54 - A deep, rich blue-purple, excellent for main content areas, navigation, or primary branding elements, providing a stable and mysterious foundation.

secondary

#7E57C2 - A vibrant, medium lavender-purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#E0E0F8 - A luminous, near-white light blue-purple, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with a gentle, ethereal glow.

background

#0A0A2A - The darkest blue-purple, serving as an expansive, cosmic backdrop for the entire design, setting a profound and calm mood.

text

#E0E0F8 - For primary text on dark backgrounds, ensuring excellent readability and a consistent ethereal aesthetic.

Accessibility notes

Ensure #E0E0F8 text on #0A0A2A or #2C2C54 backgrounds meets WCAG AA contrast standards for readability.
Avoid using #7E57C2 or #B39DDB for small text against the darkest backgrounds, as contrast might be insufficient.
For critical information and interactive states, always use the lightest shade, #E0E0F8, to maximize visibility.
Provide clear visual cues for focus and hover states for interactive elements, perhaps using a subtle glow or border with #E0E0F8.

Recommended combinations

Cosmic Dust

Creates a deep, layered background effect, perfect for immersive hero sections or full-screen overlays with a sense of cosmic depth.

#0A0A2A · #2C2C54 · #7E57C2

Starlight Dream

Excellent for data visualization or progressive disclosure, moving from deep purple to soft, luminous highlight.

#2C2C54 · #B39DDB · #E0E0F8

Ethereal Contrast

Ideal for clear content hierarchy, with #0A0A2A as background, #E0E0F8 for headings, and #B39DDB for supporting text.

#0A0A2A · #E0E0F8 · #B39DDB

CSS variables

:root {
  --deep-space-reverie-1: #0A0A2A;
  --deep-space-reverie-2: #2C2C54;
  --deep-space-reverie-3: #7E57C2;
  --deep-space-reverie-4: #B39DDB;
  --deep-space-reverie-5: #E0E0F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-reverie": {
        1: "#0A0A2A",
        2: "#2C2C54",
        3: "#7E57C2",
        4: "#B39DDB",
        5: "#E0E0F8",
      }
    }
  }
}

Hex values

Color 1#0A0A2A

Color 2#2C2C54

Color 3#7E57C2

Color 4#B39DDB

Color 5#E0E0F8

Accessibility

Contrast checker

1.5:1Fail

3.7:1AA18

8:1AAA

14.9:1AAA

1.5:1Fail

2.5:1Fail

5.5:1AA

10.1:1AAA

3.7:1AA18

2.5:1Fail

2.2:1Fail

4:1AA18

8:1AAA

5.5:1AA

2.2:1Fail

1.8:1Fail

14.9:1AAA

10.1:1AAA

4:1AA18

1.8:1Fail

Similar palettes

More like Deep Space Reverie