Harmony modes
Create a palette from a mathematical relationship instead of picking random colors. The generator supports analogous, monochromatic, triad, complementary, and split complementary harmony rules. Each generation recalculates the swatches based on the chosen mode.
Use the Refine action once you have a set that is close to what you want. Refinement nudges the existing colors toward the harmony rule without completely rerolling the entire palette.
Swatches and locks
You can set the total number of swatches between 3 and 10. When you find a color you want to keep, hover over its swatch and click the lock icon. The generator will freeze that color and build the rest of the palette around it during the next generation.
If no swatch is locked, you can set a specific Base hue using the color slider. This anchors the random generation to a specific part of the color wheel.
Tuning and color tone
Adjust how closely the colors follow the rules. Strictness pulls the generated hues tightly to the selected harmony mode, while Chaos introduces random hue jitter to break up rigid sets.
Use the color and tone sliders to control the overall look of the palette. Saturation and Lightness set the baseline values, while Sat variance and Light variance allow the individual swatches to deviate from that baseline, creating a more dynamic scale.
Exporting palettes
The export menu provides three formats for your active palette. CSS variables copies a :root block for direct pasting into stylesheets. HEX list copies a plain text list of values separated by newlines, and JSON array formats the hex values for code integration.
You can also copy individual hex codes by clicking the hex text on any swatch. Each swatch includes a link to instantly generate a full Tailwind scale from that specific color.