Color Palette Generator
Quick answer
Pick a seed—apply a harmony rule—export HEX swatches.
For a related estimate, see Color Converter.
Explore further: Contrast Ratio Checker · Color Picker Tool
Wheel assumptions
Simple HSL wheels are perceptually uneven—two “equal” steps may look unbalanced—trust eyes and contrast checks over math alone.
Explore further: Css Gradient Generator · Gradient Generator
Harmony rules (complement, triad, analogous) rotate hues around the color wheel to produce coordinated sets. Use it for mood boards and early UI themes before you lock tokens.
How to use this calculator
- Open the tool: Choose base HEX.
- Tune inputs: Select harmony type.
- Read the output: Tweak saturation/lightness per role (primary/secondary/neutral).
Real-world examples
- Complementary: Two hues opposite—great for accents; watch vibration at full saturation.
- Analogous: Neighboring hues—calmer, but can feel monochrome without enough lightness spread.
Explore further: Accessible Color Palette
Tips & gotchas
Generate neutrals separately—pure grayscale often comes from desaturated blues, not `gray` only.
FAQ
Print vs screen?
CMYK conversions are profile-dependent—export sRGB for web.
Does this tool send my text to a server?
Calciverse runs in your browser; we do not store your inputs on our servers for these utilities. Anything that uses network APIs (for example DNS lookup) only sends what you explicitly request.
Why do results differ from another site?
Rounding, defaults, and implementation details (color spaces, tokenizers, DNS resolvers) can differ. Compare definitions, not just the headline number.