Twelve hues do all the work: three primaries, three accents, six neutrals. Plus 20% tints when a section needs softness without a new color. Click any value to copy it.
The palette is built on a complementary relationship. Rocket Flame (orange) and Galactic Seafoam (teal) sit almost opposite on the color wheel, the same pairing that defines modern cinematic color grading. Complements create maximum vibrancy and contrast while still resolving into harmony, which is why the brand reads as energetic yet balanced.
Warm advances, cool recedes. Orange comes forward (it's the color of firelight, action, and human skin) while teal falls back (sky, water, distance). Setting them against each other builds natural depth on an otherwise flat page: warmth in the foreground, cool space behind, exactly the retro-futurist horizon we live on.
The emotional split does the storytelling. The warm hues carry optimism, energy, and humanity; the cool hues carry trust, calm, and progress. Together they promise a future that is both bright and dependable, hopeful without being naive.
Restraint keeps it from tipping into noise. Purple and blue appear rarely, red only signals alarm, and warm neutrals hold everything in a calm, editorial frame. Each color below carries its own short note on the why.
If you need a softer step, stair-step in 20% increments. No 10/30/40; those are out.
Text on a 20% tint uses the ink hue in light mode and the base brand color in dark mode. Never ink on a dark canvas; it disappears.
It's the calling-card primary. Never a warning. Destructive UI uses Red Alert (#E13D33).
When pairing colors, stack from darkest at the foundation to lightest at the top.
Ever. Color with character means flat color, not bleeding hues.
If you need a new color, you don't. Pick a tint of an existing hue or use Steel Gray.
Brand-color background → white or graphite-alt lockup. Never the color lockup.