Palette configurator

Edits apply live to the preview and are saved for the real pages. Compare puts a preset beside your edit.

Presets

Light surfaces

Accent

Dark surfaces

Contrast

WCAG AA: 4.5:1 for body text, 3:1 for large text and UI. The label on a filled button is picked automatically from the accent's luminance, so it flips to ink when the accent goes pale.