Tailwind color palette generator

Turn any color into a perfect Tailwind palette, then preview it on real components and designs.

Base color

Taupe · nearest named color Dim Gray. You can paste a Tailwind config or @theme block.

Palette name

Optionsscales, contrast, tuning

Neutral scaleExtra scales from the brand hueStatus scales (success, warning, danger, info)Make shades pass AA contrastWhite on 600 and 900 on 100 reach 4.5:1. The base color never changes.

Chroma100%

Lightest shade (50)975‰

Darkest shade (950)270‰

Taupe

Primary

Vision

A smartphone showing a home screen of apps

Track your expenses

See every shilling at a glance.

Expenses

$12,543

Jan

Feb

Mar

Apr

May

Jun

Premium

Gain control

Budgets, goals and alerts in one place.

Upgrade

Portrait of a smiling woman in a gray blazer

Amani Wanjiru

Product designer

Pro

“Swapping our brand color took a minute, and every screen stayed readable.”

48
Projects: 12.4k
Followers: 310
Following

Notifications

Invoice #204 paid
Card expires soon
New teammate joined

Customer reviews

Cut my admin time in half.

From customers like these

Goal progress

72%

$7,200 saved$10,000 goal

Emergency fundDone
New laptopIn progress
HolidayNext up

Tailwind color palette generator

Taupe

Track your expenses

Gain control

Contrast

Export