← back to Image & Design

Color Palette Generator

Generate harmonious 5-color palettes (analogous, complementary, triadic, and more), lock favorites, and export to CSS or Tailwind.

Color harmony and the OKLCH color space

Color harmonies pick hues by their position on the color wheel: analogous colors sit next to each other, complementary ones opposite, triadic ones 120° apart. Palettes here are computed in the OKLCH color space, which is designed so equal numeric changes look equal to the human eye, so a yellow and a blue with the same lightness really do look equally bright. Each color also shows its text contrast ratio per WCAG.

tags: #design #color #palette #css

How to install the app

This browser has not offered an automatic install button yet. Install it from the browser menu:

Android (Chrome)
Tap the ⋮ menu at the top right, then choose "Install app" or "Add to Home screen".
iPhone / iPad (Safari)
Tap the Share button (the square with an up arrow), then choose "Add to Home Screen". On iOS this only works in Safari.
Computer (Chrome / Edge)
Click the install icon (a monitor with a down arrow) at the right end of the address bar, or menu ⋮ → "Install Daily Apps".