Pro Palette is a TypeScript library for generating color palettes based on various color theory principles.
This demo allows you to experiment with different palette types, styles, and modifiers to create custom color schemes.
Code Example
Code to reproduce the palette from the editor above.
Acknowledgments
This page is a lightweight showcase of the library. For a fuller, feature‑rich experience, explore Ryan's original project:
ColorPalette.PRO .
The library itself is dependency‑free; the demo uses Culori to convert the input color to lCH and to expand the six base colors into additional shades and tints.
The wide‑gamut color picker is Adam Argyle's <color-input> web component, which lets you feed the generator colors beyond sRGB — like oklch() or color(display-p3 …).
The typeface is the open‑source Iosevka .
Color Names are pulled from my own Color Name API .
Support
If you find this project useful, please consider buying me a coffee . It keeps my caffeine levels high enough to distinguish between #fafafa and #fbfbfb.
Created by David Aerne .