Tailwind Token Matrix

Standardized harmonious color palettes, strict mathematical 4px spacing scale, and optical typography tokens.

Harmonious Color Scales

Cyan Scale

Indigo Scale

Emerald Scale

Amber Scale

Rose Scale

w-1 / p-1(4px)

w-2 / p-2(8px)

w-3 / p-3(12px)

w-4 / p-4(16px)

w-6 / p-6(24px)

w-8 / p-8(32px)

w-12 / p-12(48px)

w-16 / p-16(64px)

w-24 / p-24(96px)

Loading TAILWIND::COSMOS...