Chromatic Theme Gallery
Brand Colors
Aa
TRS Purple
var(--primary)
Aa
TRS Green
var(--trs-green)
Aa
TRS Red
var(--destructive)
Semantic Colors
Aa
Primary
Aa
Secondary
Aa
Muted
Aa
Accent
UI Element Colors
Aa
Background
Aa
Foreground
Aa
Border
Aa
Input
Aa
Ring
var(--ring)
Data Visualization Colors
Aa
Chart 1 (Blue)
Aa
Chart 2 (Green)
Aa
Chart 3 (Orange)
Aa
Chart 4 (Purple)
Aa
Chart 5 (Pink)