Color Palette Generator
Pick a base color and instantly get dark, light, complementary, analogous and monochrome palettes.
About this tool
Pick or type a base color and this tool instantly generates five coordinated palettes around it: a darker shade, a lighter tint, a complementary color from the opposite side of the color wheel, an analogous color 30 degrees away, and a desaturated monochrome variant.
Every generated color comes with its HEX, RGB, HSL, Tailwind CSS class, and plain CSS background-color value — each with a one-click copy button — so you can drop the palette straight into a design tool or codebase.
Where this helps
Useful for quickly building a consistent UI color system, choosing accent colors that pair well with a brand color, or exploring color theory relationships without opening a full design application.