Tailwind CSS Colors - All colors + Custom color generator

1 min read Original article ↗

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

Add success, warning, and error color scales and preview them right inside the Components tab.

Add a custom neutral color scale for standard UI elements like text, borders, and surfaces.

Add secondary color scale

Add a neutral color scale

Pick fonts for base text and headings from a curated selection, applied to all design examples.

Unlock custom font selection

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.