Tailwind CSS Color Generator

Create and visualize Tailwind colors on all sorts of components and designs.

Brand

Neutral

Status

Fonts

Add secondary color scale

Random colors

Spacebar

Color harmony settingsauto

Ruark Vallen

I love how every color you select, IT JUST LOOKS GOOD. Now it's just a matter of preference and whether the colors fits the mood you want to create.

Save

Cards

Website

Branding

Dashboard

Components

Shadcn/ui

Apps

Charts

Gradients

Logos

Headings

UI Colors