ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Crypto Cyan Neon

High-contrast Web3 crypto exchange interface palette with electric cyan indicators and deep carbon backgrounds.

#App UI#Neon#UI#Futuristic#Dark
Open in Generator
COLOR 1
#030712
Slate 950
COLOR 2
#111827
Slate 900
COLOR 3
#06B6D4
Cyan 500
COLOR 4
#22D3EE
Neon Cyan
COLOR 5
#E0F2FE
Ice Blue Crystal

Color Values & Codes

HEX · RGB · HSL
Slate 950
#030712
rgb(3, 7, 18)hsl(224, 71%, 4%)Color details →
Slate 900
#111827
rgb(17, 24, 39)hsl(221, 39%, 11%)Color details →
Cyan 500
#06B6D4
rgb(6, 182, 212)hsl(189, 94%, 43%)Color details →
Neon Cyan
#22D3EE
rgb(34, 211, 238)hsl(188, 86%, 53%)Color details →
rgb(224, 242, 254)hsl(204, 94%, 94%)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: #030712;
  --color-2: #111827;
  --color-3: #06B6D4;
  --color-4: #22D3EE;
  --color-5: #E0F2FE;
}

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 #22D3EE11.14:1
Normal Text AA Pass
Sample Text
#030712 on #E0F2FE17.55:1
Normal Text AA Pass
Sample Text
#111827 on #22D3EE9.82:1
Normal Text AA Pass
Sample Text
#111827 on #E0F2FE15.46:1
Normal Text AA Pass
Sample Text
#06B6D4 on #22D3EE1.34:1
Large Text Only (Fail)
Sample Text
#06B6D4 on #E0F2FE2.12: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