ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Cloud Fleet Indigo

Enterprise DevOps infrastructure monitor interface palette featuring authoritative indigo and periwinkle badges.

#App UI#Tech#UI#Clean#Modern
Open in Generator
COLOR 1
#1E1B4B
Abyss Blue
COLOR 2
#3730A3
Klein Blue
COLOR 3
#4F46E5
Electric Indigo
COLOR 4
#818CF8
Blueberry
COLOR 5
#EEF2FF
Magnolia White

Color Values & Codes

HEX · RGB · HSL
Abyss Blue
#1E1B4B
rgb(30, 27, 75)hsl(244, 47%, 20%)Color details →
Klein Blue
#3730A3
rgb(55, 48, 163)hsl(244, 55%, 41%)Color details →
rgb(79, 70, 229)hsl(243, 75%, 59%)Color details →
Blueberry
#818CF8
rgb(129, 140, 248)hsl(234, 89%, 74%)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
App UI Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1E1B4B;
  --color-2: #3730A3;
  --color-3: #4F46E5;
  --color-4: #818CF8;
  --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
#1E1B4B on #818CF85.36:1
Normal Text AA Pass
Sample Text
#1E1B4B on #EEF2FF14.30:1
Normal Text AA Pass
Sample Text
#3730A3 on #818CF83.33:1
Large Text Only (Pass)
Sample Text
#3730A3 on #EEF2FF8.88:1
Normal Text AA Pass
Sample Text
#4F46E5 on #818CF82.11:1
Large Text Only (Fail)
Sample Text
#4F46E5 on #EEF2FF5.62: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
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern