Indigo Cellar Night

A deep, layered progression that evokes the cool glow of twilight settling into rich, velvety darkness with subtle luminescence.

Open in generator

Colors

~Opulent Blue#194DED

~Warm Blue#584EDD

~Purple Patch#5D348B

~Intergalactic Settlement#5C1D82

~Galaxea#28305B

Psychology

The analogous progression from bright blue through warm blue to deep purple creates visual continuity while the low contrast maintains a cohesive, unified mood rather than jarring the eye. Cool hues throughout evoke calm and introspection, yet the vivid saturation and dark depths inject sophisticated boldness, avoiding passivity. This combination triggers associations with twilight, depth, and introspection, anchored in color theory's principle that analogous harmonies feel naturally resolved and emotionally stable.

Usage

This palette excels in luxury cosmetics packaging, editorial fashion photography, and high-end tech interfaces where moodiness signals refinement without coldness. Projects requiring nighttime or sophisticated ambiance, such as premium spirits branding or boutique hotel identities, benefit from the palette's ability to feel both bold and restrained. The low contrast works particularly well for textile design and minimalist print layouts where depth is built through color family rather than tonal shock.

Code

CSS Gradient

/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #194ded 0%,
    #584edd 25%,
    #5d348b 50%,
    #5c1d82 75%,
    #28305b 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #194ded;
  --color-gradient-2: #584edd;
  --color-gradient-3: #5d348b;
  --color-gradient-4: #5c1d82;
  --color-gradient-5: #28305b;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #194ded;
--color-2: #584edd;
--color-3: #5d348b;
--color-4: #5c1d82;
--color-5: #28305b;

Hex values

#194ded, #584edd, #5d348b, #5c1d82, #28305b

Building something? Get this palette via the REST API.

History

Similar palettes

Twilight Alchemy

Wisteria Descent

Jade Hour Glow

Electric Dusk

Silk Hour Reverie

Neon Bloom Dusk

Neon Descent Study

Lavender Milk Hour

Midnight Brass