Free Branding Tool
Generate beautiful, harmonious colour palettes for your brand in seconds. Pick a base colour, choose a harmony rule, and instantly get a 5-colour palette with HEX, RGB, and HSL values. Export as CSS variables, SCSS, or Tailwind config. Free, no sign-up.
Start with one primary colour that reflects your brand personality. Then use a colour harmony rule — complementary (opposite on the colour wheel), analogous (adjacent colours), or triadic (three evenly spaced colours) — to generate supporting colours. Aim for 4–6 colours: a primary, a secondary, an accent, a neutral dark, and a neutral light.
Most brand palettes have 4–6 colours. A typical structure: one primary colour (dominant brand colour), one or two secondary colours (support the primary), one accent colour (calls to action, highlights), and neutral tones (backgrounds, text, dividers). Too many colours makes a brand feel inconsistent.
Complementary palettes (opposite colours) create high contrast and energy — good for bold brands. Analogous palettes (adjacent colours) feel harmonious and calm — good for wellness or professional services brands. Triadic palettes (three equidistant colours) are vibrant and balanced — good for creative brands.
The 60-30-10 rule is a design principle for colour balance: 60% of your design uses your dominant colour (usually a neutral like white or navy), 30% uses your secondary colour, and 10% uses your accent colour for emphasis. This creates visual harmony without feeling monotonous.
Use the export panel below the palette. CSS Variables format gives you a :root block you can paste directly into your stylesheet. SCSS format gives you variables for Sass/SCSS projects. Tailwind config format gives you the colours object to add to tailwind.config.js.
Yes — use the "From Image" mode in the palette generator. Upload your logo or a brand photo and the tool samples the dominant colours from the image. This is useful for building a full palette that coordinates with an existing visual asset.
Yes. Our Sydney branding team creates complete visual identity systems including primary and extended colour palettes, usage guidelines, and brand style guides. A consistent colour system is one of the most impactful investments a business can make in their brand. Contact us to get started.
Certified by the world's leading technology platforms.
Thank you for reaching out. A member of our team will be in touch within one business day. We look forward to learning more about your organisation.
Every enquiry is read by a senior member of our team. No bots. No auto-responders. Just a real conversation about your goals.