Loading...
Loading...
Coolors is a fast colour palette generator with a suite of related design tools — gradient makers, contrast checkers, palette extractors from images, and a Tailwind-aware palette builder.
AI-powered colour assistant that suggests palettes based on natural-language prompts.
Shows detailed information about any colour, including meaning, accessibility data, and conversions.
Checks colour pairs against WCAG accessibility contrast ratios for text and UI elements.
Explore curated gradient options for design and web projects.
Design custom multi-stop CSS gradients with live preview and copy-paste output.
Creates discrete colour palettes by sampling stops along a gradient curve.
Extracts colour palettes from any uploaded image by sampling its dominant colours.
Browse the full Coolors colour collection with named, HEX, and RGB values.
Browses millions of colour palettes shared by the community, organised by topic and style.
Generates harmonious colour palettes quickly with spacebar to lock and shuffle individual swatches.
Previews a colour palette against real design mockups in real time.
Creates and previews Tailwind CSS colour palettes against real UI components.