ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Dark

Eclipse Glow

dark palette with a balanced five-color hierarchy for design use.

#Dark#Cinematic#Premium
Open in Generator
COLOR 1
#0F0B34
Abyss Blue
COLOR 2
#481075
Indigo
COLOR 3
#61942E
Olive Drab
COLOR 4
#40D265
Emerald Green
COLOR 5
#D5D9A8
Sage Pastel

Color Values & Codes

HEX · RGB · HSL
Abyss Blue
#0F0B34
rgb(15, 11, 52)hsl(246, 65%, 12%)Color details →
Indigo
#481075
rgb(72, 16, 117)hsl(273, 76%, 26%)Color details →
Olive Drab
#61942E
rgb(97, 148, 46)hsl(90, 53%, 38%)Color details →
rgb(64, 210, 101)hsl(135, 62%, 54%)Color details →
rgb(213, 217, 168)hsl(65, 39%, 75%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Dark Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F0B34;
  --color-2: #481075;
  --color-3: #61942E;
  --color-4: #40D265;
  --color-5: #D5D9A8;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0F0B34 on #40D2659.51:1
Normal Text AA Pass
Sample Text
#0F0B34 on #D5D9A812.81:1
Normal Text AA Pass
Sample Text
#481075 on #40D2656.61:1
Normal Text AA Pass
Sample Text
#481075 on #D5D9A88.91:1
Normal Text AA Pass
Sample Text
#61942E on #40D2651.84:1
Large Text Only (Fail)
Sample Text
#61942E on #D5D9A82.48:1
Large Text Only (Fail)

Related Palettes in Dark

Explore Dark
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#15393ECopy
#275BA6Copy
#5557E7Copy
#F8F6F6Copy
#2D7442Copy
cp-0151Luxury
Velvet Wave
LuxuryElegantPremium
#3F1530Copy
#A8253BCopy
#DD7C60Copy
#F6F8F7Copy
#532C75Copy
cp-0152Luxury
Royal Signal
LuxuryElegantPremium
#254014Copy
#23AA2DCopy
#5EDE9BCopy
#F7F6F8Copy
#6C6035Copy
cp-0153Luxury
Opal Canvas
LuxuryElegantPremium