Trigger.dev. Charging terminal on slate.

Green supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Code syntax highlighting (functions, keywords), media generation feature icon — the most-used chromatic color after lime, giving the code blocks their editor feel

Code syntax (strings, special tokens), media processing feature icon — hot accent used sparingly for code punctuation

Headline highlight words, streaming feature icon, decorative gradient accent — slightly deeper violet for larger surfaces

Code syntax (types, booleans), inline emphasis text — softer green that sits between Signal Lime and Ash, used inside code contexts

Code syntax (variables, parameters) — the lightest green, reads almost yellow against dark, used for code identifiers

Code syntax (property names, tags) — gentle pink for object keys and JSX attributes

Red supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color

Deepest surface — code block backgrounds, terminal panes, inset containers that need to feel recessed below the canvas

Primary page background, hero canvas, card surface base — the workspace floor everything sits on

Slightly darker hairline for nested containers and secondary borders where Graphite feels too bright

Subtle borders, divider lines, card edges — barely visible separators that let density carry the visual structure

Secondary body text, metadata, icon strokes — the most-used neutral text color, reading as a soft graphite on slate

Tertiary text, captions, muted helper copy — text that should be readable but not competing with headlines

Secondary headings, button text, emphasized body — one step below full white, used where pure white would feel harsh

Primary text, headlines, high-contrast labels — the dominant foreground color against the slate canvas