Colour Palette Generator
Start from a seed colour and a harmony rule — analogous, complementary, triadic and more. Press Space to roll new palettes, lock the swatches you love, and copy hex codes or CSS variables.
Runs 100% in your browser · nothing you enter is uploaded
How to use it
- Pick a seed colour and harmony.
- Press Space or Generate; click the lock to keep a swatch.
- Copy hex values or export CSS / JSON.
Questions
What does the contrast badge mean?
It shows the WCAG contrast ratio of white or black text on that swatch: AA needs 4.5:1 for body text.
Are palettes saved?
Your last palette is stored locally in this browser.
More tools on this bench
Browse all 76 →Image Resizer
Resize, crop or pad any image to exact pixels and export JPG, PNG or WebP.
Collage Maker
Arrange 2–9 photos into tidy grids and mosaics, then export a high-resolution PNG.
Aspect Ratio Calculator
Simplify any width × height to its ratio, or solve the missing side.
Safe Zone Checker
Overlay TikTok, Reels, Shorts and Stories interface zones on your vertical frame.
LinkedIn Photo Resizer
Crop and resize photos to every LinkedIn size — profile, banner, post and more.
Pinterest Photo Resizer
Crop and resize photos to every Pinterest size — profile, banner, post and more.