Default

Click the row or the swatch. Palette for quick picks, Custom for any value.

Accent color

Buttons, links and focus rings.

With presets

Preset dots act as a radio group; the swatch popover still takes custom values.

Accent color

Buttons, links and focus rings.

Controlled

Highlight color

Held in the parent.

Parent state: oklch(0.58 0.2 295)

Disabled

Accent color

Set by your organization.

Variants

Default variant
Secondary variant

Settings group

Appearance

How the app looks and reads.

Accent color

Buttons, links and focus rings.

Highlight color

Selected text and search hits.