Design System
A comprehensive design system featuring the burnt green × neon mint palette. Clean, functional, and purposeful design tokens with full light/dark mode support.
Burnt Green × Neon Mint Palette
A sophisticated color system combining deep, earthy burnt green tones with vibrant neon mint accents. This palette provides excellent contrast ratios and maintains accessibility across light and dark themes.
Adaptive Theme System
Colors automatically adapt between modes with different accent colors for optimal contrast. Current theme: system
• Light mode: Dark mint (#00855e) for high contrast
• Dark mode: Bright neon mint (#00ffbd) for visibility
Primary Scale — Deep Burnt Green
Used for primary actions, navigation, and brand elements
Accent Scale — Adaptive Mint
Full mint spectrum with adaptive semantic token:accent-700 (light mode) /accent-400 (dark mode)
Neutral Gray Scale
Used for text, borders, and background elements
Semantic Colors
Theme-aware semantic tokens for consistent theming