Color Palette Generator
A free online color palette generator for designers and developers. Pick any base color and instantly generate 5 professional palettes: Complementary, Analogous, Triadic, Split-Complementary, and Monochromatic. Click any swatch to copy HEX, RGB or HSL. Find the closest Tailwind CSS color. No design software needed.
Closest Tailwind: blue-300
Values
HEX
#3B82F6
RGB
59,130,246
HSL
217°,91%,60%
Complementary
180° opposite on color wheelAnalogous
Adjacent colors (±30°)Triadic
Three equidistant colors (120°)Split-Complementary
Base + two adjacent to complementMonochromatic
Five shades of the same hueRelated Design Tools
CLIcGr
Browse all Design tools →Color Converter (HEX / RGB / HSL)
Convert colors between HEX, RGB, HSL, and CMYK formats.
Image Compressor
Compress images in your browser — JPEG, WebP, PNG. No uploads.
CSS Gradient Generator
Build linear, radial and conic gradients visually with live preview.