Color palette generator
Make colour schemes: complementary, analogous, triadic and more, or random palettes with colours you lock.
Palette
Colours that go together. Lock the ones you like and press Space for new ones.
Click a colour to copy it. Press Space for a new palette.
Export
:root {
--palette-1: #264653;
--palette-2: #2a9d8f;
--palette-3: #e9c46a;
--palette-4: #f4a261;
--palette-5: #e76f51;
}- 1Pick a base colour or press Space.
- 2Choose a scheme, lock what you like.
- 3Export as CSS, JSON or an image.
- Where are my colours and images worked on?
- In your browser, on your device. Colours you type and images you open stay with you.
- Does it work offline?
- Yes. Once this page has loaded, it keeps working without an internet connection.
- Which colour formats can I use?
- HEX, RGB, HSL, HWB, OKLCH, OKLab, CMYK, the 148 CSS colour names, or just three numbers like 30 144 255.
Related tasks
Ready-made settings for common jobs.
Other tools
More tools for working with colour.