Make the brand easy to spot
This color should appear where recognition matters most.
Branding guide · Colors
Brand colors work when they help people recognize the brand faster.
Color is a cue, not decoration. The job is to make recognition easier while keeping contrast, accessibility, category context, and real surfaces under control.
Own a cue.The color should make the brand easier to spot.
Protect contrast.Text, buttons, and key signals must stay readable.
Test surfaces.A palette has to work on packaging, mobile, search, retail, email, and dark contexts.
Brand Colors
recognition · contrast · surface · memory
01
What brand colors mean.
Brand color is a recognition shortcut.It helps people identify the brand before they read the words.
Color has to serve a role.Primary, accent, surface, warning, background, and data colors should not compete for the same job.
Accessibility is not optional.If people cannot read or use the interface, the color system has failed its public job.
02
The jobs of a color system.
A palette is useful only when each color has a job and a boundary.
Guide the eye
Use it for signals and actions, not for full-page noise.
Give the page room to breathe
The background should support reading and images.
Mark states and meaning
Error, success, warning, and data colors need their own logic.
03
Where brand colors fail.
Color problems often look like taste problems. They are usually role problems.
The palette works only in a presentation
It collapses on forms, buttons, product photos, or search results.
The words become hard to read
Brand color is used for body copy, pale buttons, or low-contrast fields.
The color sends the wrong shelf cue
The palette makes the brand feel like another category before copy can correct it.
Every color wants attention
The page has no hierarchy because accent, primary, and background all compete.
Print, packaging, retail, and photography are ignored
The system looks good on one monitor and fails everywhere else.
The palette copies the current category look
The brand becomes harder to recognize because it blends in.
04
Color decision matrix.
Use the matrix before locking a palette or changing a known cue.
Question
Good answer
Weak answer
Fix
Recognition
One cue is easy to spot
Five colors compete
Choose one owner color and one accent.
Contrast
Text and controls pass readable contrast
Brand color overrides usability
Use darker text and reserve color for signals.
Category
The palette clarifies the shelf
The palette makes the category harder to place
Test beside competitors and adjacent choices.
Surface
Works on product, page, email, and mobile
Works only in the hero
Build a small surface board before approval.
Governance
Each color has a role
Designers choose by mood
Write role rules and examples.
05
Color approval checklist.
- The primary color is recognizable in a small crop.
- Body text stays near-black or otherwise meets contrast.
- Buttons, links, alerts, and backgrounds have separate roles.
- The palette works with real product and photography.
- The system has dark, light, print, and small-screen tests.
- The color is chosen because it feels fresh.
- The best version works only on a moodboard.
- Brand color is being used for long body copy.
- The palette blends into the category default.
- No one has tested forms, support pages, packaging, or email.
06
Useful sources and next pages.
AccessibilityW3C WCAG contrastReadable color is part of the public system, not a late polish pass.
Design systemAtlassian color foundationsA mature color system separates roles, states, elevation, and contrast.
WorkPrivate brand workUse this when a live palette needs recognition and usability review.