Tailwind CSS Color Generator
Hit the spacebar, enter a hex code, or tweak the HSL or OKLCH values to create your custom color scale.
UI Colors is improved!
You can now adjust the primary, secondary, and tertiary input colors, while simultaneously viewing the results in the renewed UI examples.
FeedbackUI Examples
