Colors
WCAG 2.2 AA verified color palette
Brand
#009FCA
teal
W:3.1D:5.1
#0066FF
blue
W:4.8D:3.3
Text
#1A2332
heading
W:15.8D:1.0
#4B5563
body
W:7.6D:2.1
#696969
muted
W:5.5D:2.9
#1A1A1A
inverse
W:17.4D:1.1
#00708A
teal
W:5.7D:2.8
#0066FF
link
W:4.8D:3.3
Surfaces
#FFFFFF
bg
W:1.0D:15.8
#F8FAFC
secondary
W:1.0D:15.1
#F1F5F9
tertiary
W:1.1D:14.4
#F8FAFC
card
W:1.0D:15.1
#FFFFFF
elevated
W:1.0D:15.8
Borders
#E5E7EB
DEFAULT
W:1.2D:12.7
#F3F4F6
subtle
W:1.1D:14.3
Semantic
#16A34A
success
W:3.3D:4.8
#D97706
warning
W:3.2D:5.0
#DC2626
error
W:4.8D:3.3
#0284C7
info
W:4.1D:3.9
Contrast Requirements
- W = contrast against white (#FFFFFF), D = contrast against dark (#1A2332)
- Green = AA (4.5:1+) / AAA (7.0:1+)
- Yellow = AA large text only (3:0:1+)
- Red = Does not meet minimum