ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Edge Computing Mesh

Decentralized mesh networking scheme featuring a fluid gradient transition from cloud blue to edge purple.

#Tech#Futuristic#Modern#Cool
Open in Generator
COLOR 1
#0F172A
Slate 900
COLOR 2
#3B82F6
Blueberry
COLOR 3
#6366F1
Medium Slate Blue
COLOR 4
#A855F7
Purple 500
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
Blueberry
#3B82F6
rgb(59, 130, 246)hsl(217, 91%, 60%)Color details →
rgb(99, 102, 241)hsl(239, 84%, 67%)Color details →
Purple 500
#A855F7
rgb(168, 85, 247)hsl(271, 91%, 65%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)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: #0F172A;
  --color-2: #3B82F6;
  --color-3: #6366F1;
  --color-4: #A855F7;
  --color-5: #F8FAFC;
}

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
#0F172A on #A855F74.51:1
Normal Text AA Pass
Sample Text
#0F172A on #F8FAFC17.06:1
Normal Text AA Pass
Sample Text
#3B82F6 on #A855F71.08:1
Large Text Only (Fail)
Sample Text
#3B82F6 on #F8FAFC3.52:1
Large Text Only (Pass)
Sample Text
#6366F1 on #A855F71.13:1
Large Text Only (Fail)
Sample Text
#6366F1 on #F8FAFC4.27:1
Large Text Only (Pass)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern