Analytics Cobalt Grid
Multi-layered cobalt blue analytics dashboard palette engineered for high-density charts and tabular grids.
#App UI#Modern#UI#Clean#Cool
COLOR 1
#0284C7
Polaroid Film Cyan
COLOR 2
#0369A1
Lapis Lazuli
COLOR 3
#075985
Ai Japanese Indigo
COLOR 4
#38BDF8
Deep Sky Blue
COLOR 5
#F0F9FF
Alice Blue
Color Values & Codes
HEX · RGB · HSLPolaroid Film Cyan
#0284C7
Lapis Lazuli
#0369A1
Ai Japanese Indigo
#075985
Deep Sky Blue
#38BDF8
Alice Blue
#F0F9FF
Open In Design Tools
CSS Variables
:root {
--color-1: #0284C7;
--color-2: #0369A1;
--color-3: #075985;
--color-4: #38BDF8;
--color-5: #F0F9FF;
}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
#0284C7 on #38BDF81.91:1
Large Text Only (Fail)
Sample Text
#0284C7 on #F0F9FF3.84:1
Large Text Only (Pass)
Sample Text
#0369A1 on #38BDF82.77:1
Large Text Only (Fail)
Sample Text
#0369A1 on #F0F9FF5.57:1
Normal Text AA Pass
Sample Text
#075985 on #38BDF83.53:1
Large Text Only (Pass)
Sample Text
#075985 on #F0F9FF7.09:1
Normal Text AA Pass