ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

AI Cyber Grape

Next-gen AI workspace interface palette featuring deep space purple containers and luminous violet glow.

#App UI#Futuristic#UI#Creative#Dark
Open in Generator
COLOR 1
#0A051B
Slate 950
COLOR 2
#1E1242
Abyss Blue
COLOR 3
#7C3AED
Violet 600
COLOR 4
#A78BFA
Medium Purple
COLOR 5
#F5F3FF
Magnolia White

Color Values & Codes

HEX · RGB · HSL
Slate 950
#0A051B
rgb(10, 5, 27)hsl(254, 69%, 6%)Color details →
Abyss Blue
#1E1242
rgb(30, 18, 66)hsl(255, 57%, 16%)Color details →
Violet 600
#7C3AED
rgb(124, 58, 237)hsl(262, 83%, 58%)Color details →
rgb(167, 139, 250)hsl(255, 92%, 76%)Color details →
rgb(245, 243, 255)hsl(250, 100%, 98%)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: #0A051B;
  --color-2: #1E1242;
  --color-3: #7C3AED;
  --color-4: #A78BFA;
  --color-5: #F5F3FF;
}

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
#0A051B on #A78BFA7.35:1
Normal Text AA Pass
Sample Text
#0A051B on #F5F3FF18.23:1
Normal Text AA Pass
Sample Text
#1E1242 on #A78BFA6.32:1
Normal Text AA Pass
Sample Text
#1E1242 on #F5F3FF15.69:1
Normal Text AA Pass
Sample Text
#7C3AED on #A78BFA2.09:1
Large Text Only (Fail)
Sample Text
#7C3AED on #F5F3FF5.20:1
Normal Text AA Pass

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#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