Skip to main content
Backpalette · visualizer
// design system

Monochrome
palette.

No hue. A five-step grayscale ramp does everything color used to. Depth comes from contrast, weight, and rhythm, not chroma.

Light mode :root

#FAFAFA

--paper

Page background

#FFFFFF

--surface

Card fill

#F0F0F2

--surface-alt

Alt surface / hover

#6B6B70

--muted

Muted text

#0B0B0C

--ink

Text & borders, near black

#0B0B0C

--accent

Accent, inverted ink block

Dark mode .dark

#0B0B0C

--paper

Page background

#141416

--surface

Card fill

#1C1C1F

--surface-alt

Alt surface / hover

#9A9AA0

--muted

Muted text

#FAFAFA

--ink

Text + borders

#FAFAFA

--accent

Accent, inverted ink block