Mecha Anime Pilot
Iconic Japanese giant robot armor scheme featuring bold primary blue, crimson chestplates, and gold crests.
#Gaming#Bold#Clean#Futuristic#Modern
COLOR 1
#0F172A
Slate 900
COLOR 2
#1D4ED8
Brand Blue
COLOR 3
#DC2626
Poppy Red
COLOR 4
#FACC15
Kodak Yellow
COLOR 5
#FFFFFF
White
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0F172A;
--color-2: #1D4ED8;
--color-3: #DC2626;
--color-4: #FACC15;
--color-5: #FFFFFF;
}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 #FACC1511.66:1
Normal Text AA Pass
Sample Text
#0F172A on #FFFFFF17.85:1
Normal Text AA Pass
Sample Text
#1D4ED8 on #FACC154.38:1
Large Text Only (Pass)
Sample Text
#1D4ED8 on #FFFFFF6.70:1
Normal Text AA Pass
Sample Text
#DC2626 on #FACC153.15:1
Large Text Only (Pass)
Sample Text
#DC2626 on #FFFFFF4.83:1
Normal Text AA Pass