From color harmony to a usable palette
A geometric harmony offers a starting set of hues. A usable interface also needs roles, contrast and a visual hierarchy.
Start with one anchor
Search for a color, choose an HSL rule and generate the palette. Complementary rotates by 180°, analogous uses −30°/0°/+30°, and triadic uses 0°/120°/240°. Gray has no defined hue, so try monochromatic lightness steps for neutrals.
Lock decisions, then explore
Lock colors you want to keep and regenerate the unlocked companions. The base stays fixed. Changing rules can retain locked colors outside the new geometric pattern; the studio marks that palette as edited.
Try a layout and export
Compare the five real CSS previews, inspect the actual text/background contrast, then copy or download CSS variables. Use the share link to preserve HEX colors, locks, rule and seed; it does not store a project in a database.