01 // COLOR SYSTEM

COLORS

PALETTE & PAIRING RULES

All Tokens

Palette

BURN ORANGE

#FF5E00 rgb(255, 94, 0)

--orange PRIMARY

Primary brand color. All primary CTAs, highlights, active states, section accents, progress fills. The defining color of the aesthetic.

ON TOP OF Void Black

PAIRS WITH Void Black, Aged White

// Avoid Never use on orange-adjacent warm surfaces. Never pair with blue or green.

VOID BLACK

#030303 rgb(3, 3, 3)

--black BACKGROUND

Primary background. All page and card backgrounds. Preserves maximum contrast.

ON TOP OF Aged White

PAIRS WITH Burn Orange, Aged White, Signal Yellow, Alert Red

// Avoid Do not use #000000 for black

SIGNAL YELLOW

#FFD600 rgb(255, 214, 0)

--yellow WARNING

Warning states, caution labels, secondary highlights. Warning stripes paired with black. Restricted zone markers. Secondary channel of glitch effect.

ON TOP OF Void Black

PAIRS WITH Void Black

// Avoid Never use as body text. High saturation.

ALERT RED

#C91200 rgb(201, 18, 0)

--red DANGER

Danger filled backgrounds, emergency states, destructive action buttons. Use for large filled surfaces.

ON TOP OF Aged White

PAIRS WITH Aged White, Void Black

// Avoid Do not use for purely decorative purposes.

HOT RED

#FF2200 rgb(255, 34, 0)

--red-hi DANGER-HIGHLIGHT

Active and live danger states, alert glows, text and outlines over dark backgrounds. Primary channel of glitch effect.

ON TOP OF Void Black

PAIRS WITH Void Black

// Avoid Do not use on large areas. Reserve for text, borders, glows.

AGED WHITE

#EDE8DC rgb(237, 232, 220)

--off-white FOREGROUND

Primary text color on all dark backgrounds. Warm tint avoids the clinical sterility of pure white. Aged paper feel.

ON TOP OF Void Black

PAIRS WITH Void Black, Soot

// Avoid Do not use #FFFFFF for white. Pure white contradicts the industrial theme with a clinical outlook.

SOOT

#111111 rgb(17, 17, 17)

--surface SURFACE

Elevated surfaces, card backgrounds, component wells.

ON TOP OF Aged White

PAIRS WITH Aged White, Burn Orange

// Avoid Do not use for borders or it will mix with VOID BLACK. Not suitable for text.

GRAPHITE

#282828 rgb(40, 40, 40)

--line BORDER

All borders, dividers, table rules, and default component outlines. The universal line color.

ON TOP OF Aged White

PAIRS WITH Void Black, Soot

// Avoid Never use as text color. Not suitable as a background.

SLAG

#666660 rgb(102, 102, 96)

--dim MUTED

Secondary labels, metadata text, serial/barcode numbers, placeholder values, status subtext.

ON TOP OF Void Black

PAIRS WITH Void Black

// Avoid Do not use for primary labels, CTAs, or anything that requires the primary focus.

Canonical Combinations

Color Pairings

BURN ORANGE / BLACK DEPLOY NOW

BLACK / ORANGE DEPLOY NOW

BLACK / AGED WHITE AUTHORIZED

YELLOW / BLACK WARNING

ALERT RED / WHITE EMERGENCY

BLACK / HOT RED CRITICAL

Quick Reference

Token Table

CSS Token	Name	Hex	Role
--orange	BURN ORANGE	#FF5E00	primary
--black	VOID BLACK	#030303	background
--yellow	SIGNAL YELLOW	#FFD600	warning
--red	ALERT RED	#C91200	danger
--red-hi	HOT RED	#FF2200	danger-highlight
--off-white	AGED WHITE	#EDE8DC	foreground
--surface	SOOT	#111111	surface
--line	GRAPHITE	#282828	border
--dim	SLAG	#666660	muted