Huly. The hero is a vertical beam of violet melting into coral, and every quiet section below it borrows that same two-color story told at lower volume.

Primary action background, active nav indicator, hero aurora cool stop — vivid violet-blue against charcoal reads as switched-on, not corporate

Secondary accent, hero aurora warm stop, notification dot, illustration highlight — the amber that breaks the blue's composure and gives the beam its heat

Deep ember tone for dark-context borders, icon strokes, and tag fills when coral would be too bright

Deepest surface layer for hero gradients, modal backdrops, and borders that need to disappear into the canvas

Elevated card and panel surfaces sitting one step above the canvas

Page background, dominant surface — near-black with a whisper of warmth, the default stage for all content

Hairline borders and dividers on dark surfaces

Muted backgrounds for tags, list-item fills, and disabled state washes

Icon strokes, secondary text, and inactive controls — the workhorse mid-gray

Tertiary text and subtle body borders in content-heavy lists

Light-mode borders, input fields, and secondary CTA borders

Light-mode surface tint and subtle section dividers in white backgrounds

Hairline borders, dividers, input outlines, and card edges on light surfaces. Do not promote it to the primary CTA color