Random & generators · Pickers
Color Palette Generator
Generate harmonious colour palettes from any base colour using complementary, triadic, analogous, or monochromatic colour theory. Free colour scheme generator.
#6366f1
Enter values above to see the result.
How it works
Generates a harmonious colour palette from a base colour using standard colour theory relationships (complementary, triadic, analogous, etc.). All calculations are done in HSL (Hue, Saturation, Lightness) colour space.
Step by step
- 1Pick a base colour using the colour picker.
- 2Choose a colour harmony type based on your design needs.
- 3The tool converts the colour to HSL and rotates the hue by the harmony's angle.
- 4Output is shown as hex codes and CSS custom properties.
Examples
Indigo (#6366f1) — complementary
The complementary colour of indigo (≈239° hue) is found at 239° + 180° = 59° — a golden yellow.
Inputs
- base_color:
- #6366f1
- harmony:
- complementary
Result
- palette:
- #6366f1, #f1c063
Note: Colour harmony is a starting point, not a rule — adjust saturation and lightness to suit your brand.
Frequently asked questions
What is a complementary colour?▾
A complementary colour sits opposite your base colour on the colour wheel (180° away in HSL hue). Complementary pairs create high contrast and visual pop — often used for CTAs against a background.