Colors
Storm design tokens and the complete Tailwind CSS color palette. Click any swatch to copy.
Storm Design Tokens
Semantic color tokens used by all Storm components. Light swatch on the left, dark on the right. Click to copy the hex value.
Core
--storm-background
Page background
--storm-foreground
Primary text
--storm-foreground-subtle
Secondary text
Brand
--storm-primary
Brand color (lime)
--storm-primary-foreground
Text on primary
--storm-secondary
Secondary surfaces
--storm-secondary-foreground
Text on secondary
--storm-accent
Accent color (purple)
--storm-accent-foreground
Text on accent
Status
--storm-destructive
Error / danger
--storm-success
Success state
--storm-success-foreground
Text on success
--storm-warning
Warning state
--storm-warning-foreground
Text on warning
--storm-info
Info state
--storm-info-foreground
Text on info
UI
--storm-muted
Muted backgrounds
--storm-muted-foreground
Muted text
--storm-border
Border color
--storm-ring
Focus ring