ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Telemetry Realtime Stream

Live operational telemetry monitor palette with green health ping indicators over low-glare dark panels.

#Tech#Modern#Clean#Bold
Open in Generator
COLOR 1
#020617
Slate 950
COLOR 2
#0F172A
Slate 900
COLOR 3
#22C55E
Emerald Green
COLOR 4
#86EFAC
Spearmint
COLOR 5
#F0FDF4
Mint Cream

Color Values & Codes

HEX · RGB · HSL
Slate 950
#020617
rgb(2, 6, 23)hsl(229, 84%, 5%)Color details →
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
rgb(34, 197, 94)hsl(142, 71%, 45%)Color details →
Spearmint
#86EFAC
rgb(134, 239, 172)hsl(142, 77%, 73%)Color details →
Mint Cream
#F0FDF4
rgb(240, 253, 244)hsl(138, 76%, 97%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #020617;
  --color-2: #0F172A;
  --color-3: #22C55E;
  --color-4: #86EFAC;
  --color-5: #F0FDF4;
}

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
#020617 on #86EFAC14.37:1
Normal Text AA Pass
Sample Text
#020617 on #F0FDF419.27:1
Normal Text AA Pass
Sample Text
#0F172A on #86EFAC12.71:1
Normal Text AA Pass
Sample Text
#0F172A on #F0FDF417.05:1
Normal Text AA Pass
Sample Text
#22C55E on #86EFAC1.62:1
Large Text Only (Fail)
Sample Text
#22C55E on #F0FDF42.18:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern