Complete Color System Generator

Build full light and dark design tokens with WCAG checks and exports for Figma, CSS, Tailwind, Swift, and Xcode

Project

Token prefix
Brand name

Seed Colors

Primary
Secondary
Accent
Neutral tint seed
Hue bias

Scheme

Saturation
Brightness
Temperature
Auto-fix AA text contrast

Recommended Themes

Export

Sample App Link
Badge

Card Title

Preview updates live from your tokens. Buttons include hover and pressed states.

A
A
Email

Palettes

Primary scale
Secondary scale
Accent scale
Neutral scale
Semantic bases

Roles & Contrast

Copied