Live Preview
Get started
Learn more
Cancel
New In progress Draft
Upload progress %68

Token scale ready — click any swatch below to copy.

Notification Just now

Your color tokens are ready to use.

View
Design System Tool

Build your
color system.

Pick a base color and get a production-ready 10-step token scale with WCAG accessibility scores — ready for your codebase.

10 token steps WCAG 2.1 One-click copy
Primary
Accessibility — WCAG 2.1
Live Preview
Get started
Learn more
Cancel
New In progress Draft
Upload progress %68

Token scale ready — click any swatch below to copy.

Notification Just now

Your color tokens are ready to use.

View
Primary