Back to palettes

Palette

Indigo Nightfall

Deep indigos and purples descend into the quiet beauty of twilight, a veil of mystery over the sky.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#8A2BE2#3A0064#5D4BB8

Palette guide

How to use Indigo Nightfall

Overview

The 'Indigo Nightfall' palette descends into the quiet beauty of twilight, blending deep indigos and purples to create a veil of mystery. This evocative collection, featuring the profound #4B0082, the rich #6A5ACD, and the striking #8A2BE2, alongside the even deeper #3A0064 and the balanced #5D4BB8, offers a luxurious and mysterious gradient. Designers can leverage these hues to evoke elegance, depth, and a touch of the ethereal, perfect for projects requiring sophistication and allure. Developers will find this palette excellent for crafting immersive dark mode experiences and branding that feels both profound and captivating.

Best used for

  • Luxury brand identity for fashion or beauty
  • Event branding for elegant evening galas or concerts
  • Mysterious or fantasy-themed digital art and games
  • High-end website designs for exclusive services
  • Mobile app interfaces for meditation or journaling
  • Packaging for premium spirits or dark chocolates

Suggested color roles

primary

Utilize #3A0064 as the foundational deep purple for backgrounds or large containers, establishing a mysterious and luxurious tone.

secondary

Employ #4B0082 for primary navigation, card backgrounds, or prominent sections, providing a strong, elegant contrast.

accent

Apply #8A2BE2 or #6A5ACD sparingly for interactive elements, highlights, or critical information, offering a vibrant, jewel-toned pop.

background

The deepest shades, #3A0064 or #4B0082, are ideal for a rich, immersive background. Ensure ample contrast for text.

text

Pure white or a very light grey provides optimal readability on the dark backgrounds. For secondary text, #6A5ACD can be used on darker hues.

Accessibility notes

  • Ensure white text on #3A0064 or #4B0082 meets WCAG AA or AAA contrast for body text.
  • Avoid using #5D4BB8 for small text on #4B0082, as contrast may be insufficient for readability.
  • The vibrant #8A2BE2 should be carefully contrasted when used for text against mid-tone purples.
  • Provide clear focus states for interactive elements, as subtle color shifts might be hard to distinguish in this dark palette.

Recommended combinations

Twilight Depth

Excellent for creating a profound, layered background or sequential information displays in a dark theme.

#3A0064 · #4B0082 · #5D4BB8

Mystic Glow

Ideal for highlighting key calls-to-action or interactive elements, providing a vibrant, jewel-toned focal point.

#4B0082 · #6A5ACD · #8A2BE2

Elegant Gradient

Perfect for gradients or artistic overlays, evoking a sense of depth and ethereal beauty.

#3A0064 · #5D4BB8 · #8A2BE2

CSS variables

:root {
  --indigo-nightfall-1: #4B0082;
  --indigo-nightfall-2: #6A5ACD;
  --indigo-nightfall-3: #8A2BE2;
  --indigo-nightfall-4: #3A0064;
  --indigo-nightfall-5: #5D4BB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-nightfall": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#8A2BE2",
        4: "#3A0064",
        5: "#5D4BB8",
      }
    }
  }
}

Related searches

indigo purple dark palettetwilight color scheme designmysterious blue violet webluxury dark mode UI colorselegant indigo purple branding

Palette colors

Hex values

Color 1#4B0082
·
Color 2#6A5ACD
·
Color 3#8A2BE2
·
Color 4#3A0064
·
Color 5#5D4BB8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
2.2:1Fail
1.2:1Fail
2:1Fail
2
2.4:1Fail
1.1:1Fail
2.9:1Fail
1.3:1Fail
3
2.2:1Fail
1.1:1Fail
2.6:1Fail
1.1:1Fail
4
1.2:1Fail
2.9:1Fail
2.6:1Fail
2.3:1Fail
5
2:1Fail
1.3:1Fail
1.1:1Fail
2.3:1Fail

Similar palettes

More like Indigo Nightfall

View all cool
Celestial Orb Glow
Stardust Nebula Bloom
Starry Midnight Serene
Abyssal Current Glide
Bioluminescent Abyss
Celestial Stardust Trails