Analogous color scheme
Colours next to yours on the wheel, for calm, matching palettes.
Palette
Neighbours, 30° either side.
Click a colour to copy it. Press Space for a new palette.
Export
:root {
--palette-1: #009fc6;
--palette-2: #1e90ff;
--palette-3: #847afe;
}- 1Pick a base colour or press Space.
- 2Choose a scheme, lock what you like.
- 3Export as CSS, JSON or an image.
- Good to know
- Pick one to lead and use the others as accents.
- 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.
Related tasks
Ready-made settings for common jobs.
Other tools
More tools for working with colour.