Colors
Theme
The base theme is pure monochrome. Background and text use black/white with graduated neutral layers for depth.
Backgrounds
Background#000000
Background Dark#0a0a0a
Background 2#111111
Background 3#191919
Background 4#1e1e1e
Background 5#252525
Text
Text#ffffff
Text 2#cccccc
Text 3#999999
Text 4#666666
Borders
Border#252525
Border 2#404040
Accent Palette
All color in the system comes from the shape accents. No color is used for text, backgrounds, or UI chrome — only for these geometric marks.
Brand (primary 5)
#00EEBE
#7A3BF7
#FA7CFA
#FAD030
#FE0302
Extended
#FF6B35
#FF3366
#EC4899
#F59E0B
#84CC16
#22C55E
#14B8A6
#06B6D4
#0096FF
#3B82F6
#6366F1
#8B5CF6
#A855F7
Contrast
All accent colors are tested against the #000000 background.
| Color | Hex | Ratio | WCAG AA |
|---|---|---|---|
| Green | #00EEBE | 12.8:1 | Pass |
| Purple | #7A3BF7 | 4.0:1 | Pass (large) |
| Pink | #FA7CFA | 8.0:1 | Pass |
| Yellow | #FAD030 | 11.4:1 | Pass |
| Red | #FE0302 | 4.6:1 | Pass (large) |
| Orange | #FF6B35 | 6.5:1 | Pass |
| Blue | #3B82F6 | 5.3:1 | Pass |
| Cyan | #06B6D4 | 8.1:1 | Pass |
| Emerald | #22C55E | 8.3:1 | Pass |
Light Mode
The system inverts cleanly. All theme tokens have light-mode counterparts:
| Token | Dark | Light |
|---|---|---|
| Background | #000000 | #ffffff |
| Background 2 | #111111 | #f5f5f5 |
| Background 3 | #191919 | #eeeeee |
| Text | #ffffff | #000000 |
| Text 2 | #cccccc | #333333 |
| Text 3 | #999999 | #666666 |
| Border | #252525 | #e0e0e0 |
| Border 2 | #404040 | #cccccc |
Accent colors are identical in both modes — they're vivid enough to work on black or white.