ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

API Gateway Protocol

Microservice routing and API gateway scheme with indigo endpoint routes and clean response status gray.

#Tech#Modern#Clean#Cool
Open in Generator
COLOR 1
#1E293B
Slate 800
COLOR 2
#475569
Slate 600
COLOR 3
#6366F1
Medium Slate Blue
COLOR 4
#A5B4FC
Hydrangea Blue
COLOR 5
#EEF2FF
Magnolia White

Color Values & Codes

HEX · RGB · HSL
Slate 800
#1E293B
rgb(30, 41, 59)hsl(217, 33%, 17%)Color details →
Slate 600
#475569
rgb(71, 85, 105)hsl(215, 19%, 35%)Color details →
rgb(99, 102, 241)hsl(239, 84%, 67%)Color details →
rgb(165, 180, 252)hsl(230, 94%, 82%)Color details →
rgb(238, 242, 255)hsl(226, 100%, 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: #1E293B;
  --color-2: #475569;
  --color-3: #6366F1;
  --color-4: #A5B4FC;
  --color-5: #EEF2FF;
}

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
#1E293B on #A5B4FC7.34:1
Normal Text AA Pass
Sample Text
#1E293B on #EEF2FF13.08:1
Normal Text AA Pass
Sample Text
#475569 on #A5B4FC3.80:1
Large Text Only (Pass)
Sample Text
#475569 on #EEF2FF6.78:1
Normal Text AA Pass
Sample Text
#6366F1 on #A5B4FC2.24:1
Large Text Only (Fail)
Sample Text
#6366F1 on #EEF2FF3.99:1
Large Text Only (Pass)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern