Astro. Deep space mission control with a single purple nebula glow.

Primary brand gradient stop — the blue origin of the hero nebula and the color of highlighted CTAs and accent rings

Secondary gradient (red-to-magenta) used sparingly for illustration accents and decorative energy bands

Teal supporting accent for decorative details and low-frequency emphasis

Blue supporting accent for decorative details and low-frequency emphasis

Code keywords, violet link variant, and decorative highlight. A desaturated violet that complements the nebula gradient without competing

Secondary syntax token — reserved for specific code contexts and rare accent strokes

Yellow supporting accent for decorative details and low-frequency emphasis

Decorative dot and badge accent — used for version pills and notification indicators

Darkest surface for terminal windows, CLI boxes, and high-contrast containers. Almost pure black with a blue whisper

Deeper surface level for elevated cards, code blocks, and inset wells. One step darker than the canvas to create depth without using shadows

Mid-elevation card surface, sitting between canvas and abyss. Used for theme preview tiles and nested cards

Primary page background — the base layer for hero, sections, and footer. Slight cool-blue undertone, never pure black, so colored elements feel like they're floating in space rather than printed on paper

Hairline borders and dividers on the dark canvas. Low contrast on purpose — structural, not decorative

Muted body text and subdued descriptions. The default for paragraphs that should recede behind headlines

Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color

Secondary text, icon strokes, and light dividers. Most-used achromatic token for hairline borders and muted foregrounds

Primary text and high-contrast foreground. The slightly cool tint keeps it from feeling clinical against the dark canvas