Colors
Colors that communicate
Our color palette conveys technology, precision and trust — on both dark and light backgrounds.
Primary Colors
Extended Palette
Opacity Scale
White overlays for subtle surfaces
2%
4%
6%
8%
10%
15%
20%
Contrast Checker
Check WCAG compliance of your color combinations.
smartenic
Contrast Ratio:20.36:1
AA PassAAA PassAA Large PassDos
Use green exclusively for CTAs and accents
Dark backgrounds for premium feel
Use product colors consistently
Donts
Green on light backgrounds without sufficient contrast
Use too many colors simultaneously
Replace brand colors with custom hues