Back to palettes

Palette

Midnight Indigo Reverie

Deep, contemplative blues and purples, inspiring quiet thought under a starless, midnight sky.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Indigo 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 Midnight Indigo Reverie.

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

Data visualization

#191970#4169E1#0000CD#483D8B#8A2BE2

Palette guide

How to use Midnight Indigo Reverie

Overview

The Midnight Indigo Reverie palette inspires quiet thought and contemplation under a starless, midnight sky, using a rich array of deep blues and purples. From the profound #191970 (navy) to the vibrant #0000CD (true blue) and the striking #8A2BE2 (blue violet), this palette offers designers and developers a harmonious yet dynamic range. The inclusion of #4169E1 and #483D8B provides crucial mid-tones, allowing for smooth transitions and layered designs that evoke serenity and mystery. It's an ideal choice for projects aiming to create a calm, introspective, or subtly luxurious atmosphere, perfect for sophisticated digital experiences and artistic endeavors.

Best used for

  • Meditation and wellness app interfaces
  • Spiritual or contemplative branding
  • Artistic and abstract digital projects
  • Sophisticated web headers and hero sections
  • Luxury product packaging and marketing
  • Event invitations with a mysterious elegance

Suggested color roles

primary

Utilize #191970 as the dominant background color to establish a deep, calming foundation.

secondary

Apply #0000CD or #483D8B for supporting sections, subheadings, or subtle background patterns.

accent

Employ #8A2BE2 for striking highlights, interactive elements, or to create a vibrant focal point.

background

The deep #191970 or rich #483D8B provides an immersive and contemplative dark canvas.

text

Pair light text colors like #4169E1 or pure white (e.g., #FFFFFF) against the darker backgrounds for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast when using #4169E1 for text on #191970; test for WCAG compliance.
  • Prioritize #8A2BE2 for critical interactive elements, ensuring it stands out against its background.
  • Avoid using #483D8B for small text on #191970 without careful contrast checking; opt for lighter colors.
  • When layering colors, ensure distinct visual separation, especially between similar dark shades like #191970 and #0000CD.

Recommended combinations

Deep Reverie

Excellent for primary dark backgrounds with a rich supporting purple and a vibrant, attention-grabbing accent.

#191970 · #483D8B · #8A2BE2

Indigo Flow

Creates a smooth, harmonious blue-purple gradient effect, ideal for backgrounds or layered UI elements.

#0000CD · #4169E1 · #483D8B

Vibrant Contrast

Provides strong contrast for key information or visual elements, with #8A2BE2 as a powerful focal point.

#191970 · #4169E1 · #8A2BE2

CSS variables

:root {
  --midnight-indigo-reverie-1: #191970;
  --midnight-indigo-reverie-2: #4169E1;
  --midnight-indigo-reverie-3: #0000CD;
  --midnight-indigo-reverie-4: #483D8B;
  --midnight-indigo-reverie-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-indigo-reverie": {
        1: "#191970",
        2: "#4169E1",
        3: "#0000CD",
        4: "#483D8B",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

indigo purple palettedeep blue spiritualcalming night colorsmeditative designrich dark blues

Palette colors

Hex values

Color 1#191970
·
Color 2#4169E1
·
Color 3#0000CD
·
Color 4#483D8B
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
1.3:1Fail
1.6:1Fail
2.5:1Fail
2
3.1:1AA18
2.3:1Fail
1.9:1Fail
1.2:1Fail
3
1.3:1Fail
2.3:1Fail
1.2:1Fail
1.9:1Fail
4
1.6:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
5
2.5:1Fail
1.2:1Fail
1.9:1Fail
1.5:1Fail

Similar palettes

More like Midnight Indigo Reverie

View all dark
Starry Night Veil
Abyssal Bloom Depths
Ancient Fern Whisper
Deep Sea Lullaby
Moonless Lake Reflection
Celestial Dream Dust