Color palette generator
Colors that work together
Build a palette from a base color using analogous, complementary, triadic and other harmonies. Lock colors, adjust unlocked shades and copy HEX or CSS.
LanguagesEnglish · Русский · Srpski
A little preview
Features
- One base color and five color harmony rules.
- Two to eight colors depending on harmony, color locks and individual unlocked color editing.
- Saved palettes, a contrast preview, HEX and CSS variable export.
How to use
- Choose a base color and harmony rule.
- Set the number of colors and lock the shades you want to keep.
- Check the preview, then save or copy the palette.
Manual color edits switch the palette to free mode. Preview contrast applies only to the selected text and background pair.
How do I start from my brand color?
Choose the base color and a harmony rule, then set the number of shades. Lock the colors you want to keep and generate another variation for the rest. Copy HEX values or CSS variables for use in your own design.
Does a harmonious palette guarantee readable text?
No. The preview measures contrast for the selected text and background pair. Check the pair you actually plan to use. Editing an individual unlocked color switches to free mode, so the palette is no longer constrained by its original harmony.
Getting started
Use calculators, palettes, the counter and QR creation without an account. Sign in with ChatGPT for personal saved data, shopping lists and shared access.
Do I need to install anything?
Works in your browser on phones and computers. No installation needed; you can add OutApp to your home screen.
Personal saved data is not published. Another person can access a shopping list only after accepting an invitation.