Teal Color Scale
From lightest (#F0FDFA) through primary (#32BAB0) to darkest (#133340)
#F0FDFA50
#CCFBF1100
#99F6E4200
#5EEAD4300
#2DD4BF400
#32BAB0500 — Primary
#2A9D94600
#228078700
#1A635D800
#134E4A900
#133340950
Surface Tints
Selected rows, hover states
#F0FDFA
Notification badges, tag fills
#CCFBF1
Enrichment badge background
#E8F6F4
Interactive Elements
Primary buttons, active nav
#32BAB0
Button hover state
#2A9D94
Button pressed state
#228078
Dark Mode & Text
Text on teal-50 backgrounds
#134E4A
Dark mode deep accent
#133340
Dark mode teal text
#5EEAD4
Aa
3.2:1 on white
AA Large Text
Aa
8.4:1 on dark
AAA