Tailwind CSS Color Generator

ColorAdded 2025-01-30

A specialized color generator that creates complete Tailwind CSS color scales from a single color input. It produces 50-950 shade ranges that match Tailwind's naming convention, ready to paste into your tailwind.config.js for custom brand colors.

Visit Tailwind CSS Color Generator

uicolors.app

More Color Resources

Color Hunt: Inspiring Color Palettes for Designers

Color Hunt is a curated collection of beautiful color palettes updated daily by a community of designers. Browse by popularity, trending, or random — each palette is four colors you can copy with a click. Simple, fast, and endlessly browsable.

Added Jan 2025

ColorMind: Elevate Your Designs with Effortless Color Palettes

Colormind uses deep learning to generate color palettes from real-world sources like photographs, movies, and popular art. It can also smart-fill partial palettes, suggesting complementary colors based on patterns it learned from thousands of curated examples.

Added Jan 2025

Coolors: Elevate Your Designs with Effortless Color Harmony

Coolors is the fastest color palette generator — press spacebar to cycle through harmonious combinations, lock colors you like, and fine-tune with advanced adjustments. Export to multiple formats, check contrast ratios, and explore trending palettes from the community.

Added Jan 2025

New

GradientGen

8 gradient modes, 20+ customizable variables, export up to 8000px. Free browser-based gradient generator with unlimited use.

Added Feb 2026

Tags

More Color Resources

Color Hunt: Inspiring Color Palettes for Designers

ColorMind: Elevate Your Designs with Effortless Color Palettes

Coolors: Elevate Your Designs with Effortless Color Harmony

GradientGen