Tool

Palette Generator

Generate coherent, brand-ready palettes from color-wheel harmonies, the 60-30-10 rule, tinted neutrals, and WCAG contrast — then preview them on real UI.

Palette mode
Color harmony
Seed colors (optional · max 3)
Analogous · Multicolor
// Preview — palette in action
Malvern Chatikobo
About Skills Contact
Hire me
// Software Engineer
Malvern Chatikobo
Head of IT & Technology Innovation Specialist
Building for Zimbabwe and Africa.
Start your project View portfolio
MC
6+
Years exp.
50+
Projects
Head
of IT
⚡
Enterprise APIs
Spring Boot REST APIs with 3rd-party integrations.
◈
Blockchain
Solidity smart contracts and decentralised apps.
⛁
Databases
SQL Server and MongoDB design and administration.
Your name
you@example.com

About the colour palette generator

Choose multicolor or monochrome mode and a colour harmony (analogous, complementary, triadic, split-complementary or tetradic), optionally add up to three seed colours, and get a full palette: primary, secondary, accent, background, surface, neutral, text and border. Colours are calculated in OKLCH for even perceived lightness, text and buttons are adjusted to meet WCAG AA contrast, and you can export the palette as CSS variables or JSON.

Made in Harare, Zimbabwe by Malvern Chatikobo. Free to use from anywhere.