← All labs

Keystone Colors

Keystone Colors generates a full 50–950 palette from an accent and surface color and feeds it to keystone_ui as CSS variables. Pick a theme and the whole site re-themes — and it sticks for the rest of your session as you browse.

Preset themes

Accent

Surface

This palette is applied across the whole site and saved for your session.

A surface-themed panel — its background, border, and text follow the chosen surface.

Generated accent palette

Generated surface palette