OmniCalcsColor Palette Generator
Build harmonious color palettes from any base color — analogous, complementary, triadic or random.
How to Use This Generator
Pick a base color and a harmony scheme, then generate. Click Copy to grab all hex codes for your design.
- Analogous: gentle, adjacent colors. Complementary: strong contrast.
- Monochromatic varies lightness for a clean, professional feel.
Frequently Asked Questions
What are the color harmony rules?
Classic rules use hue rotations: analogous ±30°, complementary 180°, triadic 120° apart, split-complementary the complement plus its two neighbors.
How many colors do I get?
Five per palette, starting with your base color.
Can I use these in CSS?
Yes — every swatch is shown as a hex code ready to paste into stylesheets.
Is the random scheme predictable?
It starts from a random base hue each time, then applies a random scheme, so results vary widely.
Practical Example
Start from the default base color #4f46e5 and choose the Triadic scheme. The base hue of about 243° is rotated by 120° and 240° to place three colors evenly around the color wheel, and two intermediate angles fill out a five-color palette. Click "Copy all hex codes" to paste the result straight into a stylesheet.
- Triadic hues are 120° apart; complementary uses a 180° rotation; analogous shifts hue by ±30°.
What Your Results Mean
- Hex codes — CSS-ready #RRGGBB values you can copy for every swatch.
- Hue rotation — the scheme's defining angle, which controls how the colors relate on the wheel.
- Lightness variations — monochromatic palettes hold the hue constant and vary lightness for a clean, professional look.