Icarus Color Palette — Design Reference

Core Theme — Tactical Violet

#09090b

background — Main app background

#fafafa

foreground — Primary text

#18181b

card — Cards, panels, sidebar surfaces

#fafafa

cardForeground — Text on cards

#18181b

popover — Dropdowns, menus

#27272a

secondary — Secondary surfaces, muted UI

#27272a

muted — Muted backgrounds

#a1a1aa

mutedForeground — Secondary / muted text

#7c3aed

primary — Primary actions, focus, CTAs

#f9fafb

primaryForeground — Text on primary buttons

#7c3aed

ring — Focus rings

#4c1d95

selection — Selected text highlight

#ef4444

destructive — Delete, errors, warnings

#fafafa

destructiveForeground — Text on destructive

#27272a

border / input — Borders, dividers, input fields

Layout & UI Constants

#141114

sideBarColor — Sidebar background

#27272a

highlightColor — Menu/dialog borders, hover outlines

#1b1b1b

abilityBGColor — Ability icon backgrounds

#1b1b1b

surface — Material surface (theme)

Game Context — Agent / Strategy

#772727

enemyBGColor — Enemy agent feedback background

#3a7e5d

allyBGColor — Ally agent feedback background

rgba(255,82,82,0.55)

enemyOutlineColor — Enemy agent outlines

rgba(105,240,175,0.42)

allyOutlineColor — Ally agent outlines

Pen / Drawing Colors

#FFFFFF

Default pen

#F44336

Red — Pen option

#2196F3

Blue — Pen option

#FFEB3B

Yellow — Pen option

#4CAF50

Green — Pen option

Utility & Custom Shape Defaults

#22C55E

Custom Circle — Default fill for circles

#3B82F6

Custom Rectangle — Default fill for rectangles

Folder Colors

#F44336

Red — Strategy folder pill

#2196F3

Blue — Strategy folder pill

#4CAF50

Green — Strategy folder pill

#FF9800

Orange — Strategy folder pill

#9C27B0

Purple — Strategy folder pill

#18181b

generic — Uncolored folders (card)

Agent-Specific Ability Colors

#0183ED

Sova — Recon arrows, drone, shock dart

#8C06A3

Kayo — Knife, Nullcmd ultimate

#6A0EB6

Killjoy — Bot, turret, lockdown

#FB6A9A

Raze — Blast pack

#61FD83

Gekko — Creatures (Dizzy, Wingman, Thrash)

#680A79

Reyna — Soul orbs, Leer

Semantic / Contextual

#FF5252

redAccent — Attack side, delete actions

#448AFF

blueAccent — Defense side

#69F0AE

greenAccent — Success, checkmarks