Color

A single neutral ramp does the heavy lifting. Semantic tokens flip in dark mode—swap the theme toggle to see them shift.

Ink Scale

ink-0

#ffffff

ink-50

#fafafa

ink-100

#f4f4f5

ink-200

#e4e4e7

ink-300

#d4d4d8

ink-400

#a1a1aa

ink-500

#71717a

ink-600

#52525b

ink-700

#3f3f46

ink-800

#27272a

ink-900

#18181b

ink-1000

#09090b

Semantic Tokens

background

var(--background)

foreground

var(--foreground)

surface

var(--surface)

surface-muted

var(--surface-muted)

border

var(--border)

border-strong

var(--border-strong)

muted

var(--muted)