🎨Brand Color Palette Guide

Guide brand primary and secondary color palette composition by industry and image

60-30-10 Color Ratio Rule

RoleRatioUsage
Primary Color (1)60%Backgrounds, headers, main UI
Secondary Color (1–2)30%Section backgrounds, cards, borders
Accent Color (1)10%CTA buttons, links, badges

How to Build a Brand Color Palette

Choosing brand colors is more than picking pretty shades. You need to consider your target audience's psychological response, industry conventions, differentiation from competitors, and reproducibility across print and digital media. The 60-30-10 rule — 60% primary, 30% secondary, 10% accent — is the foundational principle for a balanced palette.

The primary color anchors brand identity and appears consistently in logos, headers, and key UI. Secondary colors complement the primary while adding visual variety. The accent color should be used sparingly — reserved for CTAs, important links, and highlights — so it retains its attention-grabbing effect.

Expanding Your Palette

Once you have a primary color, create a 5–9 step tint/shade scale (like Tailwind's 50–900 scale) for use in your design system. This gives developers a clear token set and ensures visual consistency across components.

Frequently Asked Questions

How many colors should a brand palette have?

3–4 colors: one primary, one or two secondaries, and one accent. Too many colors dilute brand identity.

What colors work best for which industries?

Finance uses blue for trust; healthcare uses green for health; food uses red/orange for appetite; luxury uses black/gold for exclusivity.

Most important factor when choosing brand colors?

Target audience psychology, industry conventions, competitor differentiation, and media reproducibility (CMYK, RGB, Pantone).