ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Aesthetic

Liminal Space Midnight Glow

Eerie yet tranquil architectural liminal space aesthetic with cool fluorescent light casting long shadows in empty corridors.

#Aesthetic#Dark#Creative#Cool#Minimal
Open in Generator
COLOR 1
#030712
Slate 950
COLOR 2
#0F172A
Slate 900
COLOR 3
#1E293B
Slate 800
COLOR 4
#38BDF8
Deep Sky Blue
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Slate 950
#030712
rgb(3, 7, 18)hsl(224, 71%, 4%)Color details →
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
Slate 800
#1E293B
rgb(30, 41, 59)hsl(217, 33%, 17%)Color details →
rgb(56, 189, 248)hsl(198, 93%, 60%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #030712;
  --color-2: #0F172A;
  --color-3: #1E293B;
  --color-4: #38BDF8;
  --color-5: #F8FAFC;
}

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
#030712 on #38BDF89.40:1
Normal Text AA Pass
Sample Text
#030712 on #F8FAFC19.24:1
Normal Text AA Pass
Sample Text
#0F172A on #38BDF88.33:1
Normal Text AA Pass
Sample Text
#0F172A on #F8FAFC17.06:1
Normal Text AA Pass
Sample Text
#1E293B on #38BDF86.83:1
Normal Text AA Pass
Sample Text
#1E293B on #F8FAFC13.98:1
Normal Text AA Pass

Related Palettes in Aesthetic

Explore Aesthetic
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion