Design system

Color

Magma

Magma #C94325 lives in the logo alone.

Token	OKLCH	Hex	Use
--quartz	oklch(0.983 0.003 145.5)	#F8FAF8	Quartz: text, headings, the action fill
--obsidian	oklch(0.105 0.005 244.3)	#030405	Obsidian: the ground
--graphite	oklch(0.654 0.010 214.4)	#8A9294	Graphite: meta, times, tile bottoms
--surface-0	oklch(0.130 0.003 214)	#060808	The page under the wall
--surface-1	oklch(0.175 0.004 214)	#0F1112	The rail, working panes
--surface-2	oklch(0.215 0.005 214)	#171A1B	The footer, table heads
--surface-3	oklch(0.260 0.006 214)	#212526	Hover on rows
--rule	oklch(0.320 0.007 214)	#2F3435	Hairlines
--edge	oklch(0.540 0.008 214)	#6A7071	Control boundaries
--ink-2	oklch(0.790 0.009 214)	#B4BCBE	Secondary text, ledes
--ok	oklch(0.615 0.149 152.9)	#1F9D57	A good state, beside its word
--bad	oklch(0.626 0.193 23.0)	#E5484D	Errors and down, beside their words
--a11y-blue	#0057B8	#0057B8	The accessibility button
--ink-3	var(--graphite)	#8A9294	Captions