Color Palette Generator
Build colour palettes from a single hex — complementary, analogous, triadic, tetradic, monochromatic and shade harmonies. Export as CSS variables.
100% in your browser — files never uploaded.
Postcrest — full AI image suite
Need more than a converter? AI background removal, upscale, edit and generate — one workspace.
How to use the Color Palette Generator
- 1Pick a base colourClick the swatch or paste a hex.
- 2Choose a harmonyComplementary, analogous, triadic, tetradic, monochromatic or shades.
- 3Copy or exportClick any swatch to copy its hex, or Export as CSS variables.
Colour harmonies, explained
Colour harmonies are mathematical relationships on the colour wheel. Complementary picks the opposite (180°) for high contrast; analogous picks neighbours (±30°) for harmony; triadic picks three colours 120° apart for balanced palettes; tetradic picks four for rich systems.
Monochromatic and shade variants stay on the same hue and adjust lightness — useful for building UI tints and shades from one brand colour.
Frequently asked questions
Free?
Yes — no signup, no watermarks.
How do I use the palette?
Export as CSS variables and paste into your stylesheet, or copy any swatch hex.
Can I save palettes?
Bookmark the URL with your colour, or download the exported CSS.
Mobile?
Yes.
Accessibility?
Use the WCAG Contrast Checker tool to verify any pair meets WCAG ratios.
Need more than free tools? Get Postcrest's full AI image suite.
AI background removal, AI upscaling, AI image editor and AI photoshoot — every leading model in one workspace.
AI Image Generator
Every leading model — Flux, Nano Banana, Seedream, GPT-Image, SDXL.
AI Image Editor
Inpaint, outpaint, object removal — describe the edit, AI applies it.
AI Background Remover
Pixel-perfect cutouts in seconds — transparent PNG or any new scene.
AI Image Upscaler
Upscale to 4K, face-aware, print-ready, watermark-free.
Get started — access every AI tool
50% off your first 2 months. Cancel anytime.