ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Music Streaming Electric Lime

High-contrast audio streaming UI theme with vibrant lime playback controls over charcoal obsidian cards.

#App UI#Vibrant#UI#Neon#Dark
Open in Generator
COLOR 1
#121212
Obsidian Black
COLOR 2
#282828
Stone 800
COLOR 3
#84CC16
Lime 500
COLOR 4
#A3E635
Kiwi Fruit
COLOR 5
#F7FEE7
Beige

Color Values & Codes

HEX · RGB · HSL
rgb(18, 18, 18)hsl(0, 0%, 7%)Color details →
Stone 800
#282828
rgb(40, 40, 40)hsl(0, 0%, 16%)Color details →
Lime 500
#84CC16
rgb(132, 204, 22)hsl(84, 81%, 44%)Color details →
Kiwi Fruit
#A3E635
rgb(163, 230, 53)hsl(83, 78%, 55%)Color details →
Beige
#F7FEE7
rgb(247, 254, 231)hsl(78, 92%, 95%)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: #121212;
  --color-2: #282828;
  --color-3: #84CC16;
  --color-4: #A3E635;
  --color-5: #F7FEE7;
}

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
#121212 on #A3E63512.42:1
Normal Text AA Pass
Sample Text
#121212 on #F7FEE718.10:1
Normal Text AA Pass
Sample Text
#282828 on #A3E6359.78:1
Normal Text AA Pass
Sample Text
#282828 on #F7FEE714.24:1
Normal Text AA Pass
Sample Text
#84CC16 on #A3E6351.31:1
Large Text Only (Fail)
Sample Text
#84CC16 on #F7FEE71.91: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
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#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