Color picker

Paid

Pick a color from a preset palette or a hex value, with a live swatch preview and a popover picker for custom colors.

Swatch palette

Accent colour

Brand colour

Pick a swatch or enter a hex value.

Brand

Pick a swatch or enter a hex value.

Buttons, links, focus rings.

Success

Pick a swatch or enter a hex value.

Confirmations and healthy states.

Warning

Pick a swatch or enter a hex value.

Degraded, but still working.

Error

Pick a swatch or enter a hex value.

Failures and destructive actions.

BrandSuccessWarningError