Color Palette Generator

oklch colors enable websites to make use of the P3 color space, here’s a post from Evil Martians with more details.

Each generated color palette has a constant hue. The lightness and chroma values change depending on the shade. Lightness is mathematically calculated so that colors closer in hue to yellow are lighter to make those colors appear closer to what you would expect. Please feel free to share feedback and let us know what you think.

For base colors, check out the the theme color generator.

The ColorMaker JavaScript class used to create this tool is exported from the package if you would want to use it in another project.

import { ColorMaker } from "uico";