Contrast ratios
#05313d text on #0f172a background hits 12.8:1. Keep CTAs above 9:1 for critical states.
Core rules
Contrast, elevation, color roles
Starter palette
Dark system
Learn how to blend #05313d with low-light shells, protect accessibility and keep gradients rich on OLED displays.
Core rules
#05313d text on #0f172a background hits 12.8:1. Keep CTAs above 9:1 for critical states.
Use translucent panels (#0b1120/80%) and highlight edges with #05313d borders.
Pair with #f97316 or #22c55e for hero CTA, but reserve one accent per surface.
#020205 · background, #05060a · cards, #111827 · inputs, #f8fafc · text.
Starter palette