Color Palette
Build candidate color combinations from a starting color using relationships such as analogous and complementary hues. The palette suggests visual relationships rather than assessing readability.
- Runs in your browser
- Nothing is uploaded
- No signup; device limits apply
Loading the tool. If it does not appear, reload this page.
How to use this tool
Choose a base HEX color and a combination mode. Starting with a brand color makes it easier to compare a close-hue palette with one that creates stronger color separation.
Results and examples
Use #3b82f6 as a starting color and copy the analogous palette. Place the colors in actual buttons and backgrounds, then check the text contrast of each intended combination.
Limitations
- A color-wheel relationship does not guarantee a WCAG contrast pass.
- The output does not represent a calibrated display or a CMYK print proof.
Fields
| Field | Guidance and constraints |
|---|---|
| Base HEX | Check the unit and format displayed beside this field. |
| Harmony mode | Check the unit and format displayed beside this field. |
Data handling
Processing stays in the current browser tab; the site does not upload tool input for the calculation itself.
Sources
Frequently asked questions
How should I evaluate a generated palette?
Use #3b82f6 as a starting color and copy the analogous palette. Place the colors in actual buttons and backgrounds, then check the text contrast of each intended combination.
Are analogous colors automatically accessible?
A color-wheel relationship does not guarantee a WCAG contrast pass. The output does not represent a calibrated display or a CMYK print proof.
