ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Dark Mode Emerald

Ultra-dark SaaS theme with luminous emerald badge indicators and muted slate-green neutral surfaces.

#App UI#Dark#UI#Modern#Clean
Open in Generator
COLOR 1
#05080E
Obsidian Black
COLOR 2
#0F1A24
Kachiiro Victory Blue
COLOR 3
#10B981
Emerald 500
COLOR 4
#34D399
Chrysoprase
COLOR 5
#ECFDF5
Mint Cream

Color Values & Codes

HEX · RGB · HSL
rgb(5, 8, 14)hsl(220, 47%, 4%)Color details →
rgb(15, 26, 36)hsl(209, 41%, 10%)Color details →
rgb(16, 185, 129)hsl(160, 84%, 39%)Color details →
rgb(52, 211, 153)hsl(158, 64%, 52%)Color details →
Mint Cream
#ECFDF5
rgb(236, 253, 245)hsl(152, 81%, 96%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #05080E;
  --color-2: #0F1A24;
  --color-3: #10B981;
  --color-4: #34D399;
  --color-5: #ECFDF5;
}

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
#05080E on #34D39910.43:1
Normal Text AA Pass
Sample Text
#05080E on #ECFDF519.03:1
Normal Text AA Pass
Sample Text
#0F1A24 on #34D3999.15:1
Normal Text AA Pass
Sample Text
#0F1A24 on #ECFDF516.70:1
Normal Text AA Pass
Sample Text
#10B981 on #34D3991.32:1
Large Text Only (Fail)
Sample Text
#10B981 on #ECFDF52.41:1
Large Text Only (Fail)

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#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
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh