Free brand color palette generator
A harmonious 5-colour palette for your brand — primary, secondary, accent, plus a dark and a light neutral. Pick an industry or vibe, copy the hex codes. Free, built on real HSL colour theory.
Primary
hsl(225 63% 52%)
Secondary
hsl(197 57% 58%)
Accent
hsl(257 73% 54%)
Dark
hsl(225 22% 15%)
Light
hsl(225 19% 94%)
Your brand
Headline in your dark tone
Body copy in the secondary colour, with a button that pops in your accent.
Like these colours? Use them on a real website.
Generate your website — preview freeLove the palette? Get the website to wear it — free to preview.
Colours look like a brand the moment they sit on a real page. NorthLuma generates a complete, modern website in seconds — preview it free. Love it? Download the clean HTML/CSS/JS and own it outright — $49 once, no subscription, no lock-in.
Build my free website How to use a brand palette
- One primary, used everywhere. Your primary colour should carry most of the brand — buttons, links, the logo.
- Accent sparingly. The accent is for one thing at a time — a call-to-action that needs to pop. Overuse kills it.
- Neutrals do the heavy lifting. The dark tone is for text, the light one for backgrounds — they keep the page calm.
- Check contrast. Text needs to be readable on its background; we auto-pick black or white labels on each swatch as a starting hint.
- Pair it with a name and logo. Try the name and monogram tools to lock your identity.
Free and unlimited — no account needed. Palettes are computed from HSL colour theory right in your browser (no AI cost), so shuffle as many as you like.