⚡ Complete Design System
Aviation-Inspired Color Palette
A carefully crafted color system blending nature and technology, optimized for both light and dark themes.
Primary Colors
Primary
Sky blue — Aviation & trust
--color-primary
Secondary
Amber — Sunrise & golden hour
--color-secondary
Accent
Purple — Premium tech & luxury
--color-accent
Semantic Colors
✓
Success
Nature green — Positive states
--color-success
ℹ
Info
Cyan — Tech displays
--color-info
⚠
Warning
Amber — Caution alerts
--color-warning
✕
Destructive
Red — Critical warnings
--color-destructive
Neutral Colors
Background
Primary surface
--color-background
Card
Elevated surfaces
--color-card
Muted
Subtle backgrounds
--color-muted
Border
Dividers & outlines
--color-border
Data Visualization Colors
Chart 1
--color-chart-1
Chart 2
--color-chart-2
Chart 3
--color-chart-3
Chart 4
--color-chart-4
Chart 5
--color-chart-5
Chart 6
--color-chart-6
Interactive Components
Buttons
Buttons Disabled
Status Badges
ActiveIn ProgressWarningCritical
Alert Messages
✓
Success
Your aircraft profile has been updated successfully.
ℹ
Information
New flight data is available for download.
⚠
Warning
Maintenance schedule requires attention.