seed
harmony
:root {
--color-1: #5ff25d;
--color-2: #5df281;
--color-3: #5df2a6;
--color-4: #5df2cb;
--color-5: #5df2f1;
}
About this tool
How to use it
- Enter a seed color and pick a harmony rule (complementary, triadic, analogous, etc.).
- Swatches generate automatically.
- Copy HEX, RGB, or CSS variable values.
Why it lives here
Everything runs in your browser. No account, no ads, no tracking, and no upload.
Tagged with
related tools
Lorem ipsum Placeholder copy by paragraphs, sentences or words — any length, instantly. Writers Color converter Enter a color once and get it in HEX, RGB, and HSL simultaneously. Designers Contrast checker Check whether your text and background color pass WCAG accessibility contrast requirements. Designers