The short version
- A working brand palette has four or five colours with fixed jobs: a ground, a main colour, a supporting tone, a neutral for text and one accent.
- The accent is the colour people remember, so it should appear on one thing at a time, such as a button, a price or a logo mark.
- Palettes that suit an industry help customers understand what you sell, but a single unexpected colour is what makes a brand recognisable.
- Test a palette on real designs at real sizes, in light and dark, before you commit, because swatches on a white page hide most problems.
- Check that your text colour against your ground meets WCAG contrast, or body copy will be hard to read for many people.
On this page
Good brand color ideas start with jobs, not favourites. Pick a ground colour that most of your designs sit on, a main colour that says what kind of business you are, a supporting tone for depth, a neutral for text and one accent that people remember you by. Below are 30 palettes built that way, six by mood with swatches and 24 by industry with codes, plus a quick method for testing whichever one you choose.
How a brand colour palette is built
Most failed palettes are five colours of equal weight: nothing leads, so nothing is recognisable. A palette works when each colour has a share of the space: the ground covers most of it, the main colour a good part, and the accent only a sliver. The 60 30 10 rule is a useful starting ratio, even if you bend it later.
Job
Job
Job
Job
Job
Brand colour palettes by mood
Start here if you know how you want people to feel. Colour associations are cultural rather than universal, as colour psychology explains.
Brand color ideas by industry
Each industry palette lists four codes, usually from darkest to lightest, and the last column names the colour doing the accent's job. Conventions exist for a reason: a dentist in teal and a bakery in warm browns are understood at a glance. Meet the convention with your main colour and break it gently with your accent.
Palette
Codes
#1d3557 #457b9d #f1faee #e63946Why it works
Codes
#2b2d42 #8d99ae #edf2f4 #9c6644Why it works
Codes
#03363d #17a398 #e6f4f1 #ffb703Why it works
Palette
Codes
#264653 #2a9d8f #e9f5f2 #f4a261Why it works
Codes
#4a2c2a #c08552 #f3e9dc #5e8b7eWhy it works
Codes
#7f4f24 #dda15e #fefae0 #bc4749Why it works
Palette
Codes
#1b1b1e #7a1e2c #d4a373 #f5ebe0Why it works
Codes
#2d4a3e #e5989b #ffcdb2 #fffaf5Why it works
Palette
Codes
#5e548e #9f86c0 #e0b1cb #fbf8f3Why it works
Codes
#111111 #3a3a3a #f2f2f2 #e4ff1aWhy it works
Codes
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Why it works
Palette
Codes
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cWhy it works
Codes
#14213d #2e1a47 #f5f0e6 #c9a227Why it works
Palette
Codes
#22333b #5e503f #eae0d5 #c6ac8fWhy it works
Palette
Codes
#262626 #7d7d7d #d9d9d9 #ff5a1fWhy it works
Palette
Codes
#0b1021 #1f6feb #e6edf3 #7ee787Why it works
Codes
#0a2e2a #00b37e #d7f9ec #1e1e24Why it works
Palette
Codes
#0e0b16 #5b5bd6 #a78bfa #f0abfcWhy it works
Codes
#1a1423 #ff7b54 #ffb26b #ffd56bWhy it works
Palette
Codes
#118ab2 #06d6a0 #ffd166 #ef476fWhy it works
Codes
#2f3e46 #52796f #cad2c5 #f4a259Why it works
Palette
Codes
#283618 #606c38 #fefae0 #dd6b20Why it works
Palette
Codes
#6d597a #b56576 #e8c2ca #fbf6f0Why it works
Palette
Codes
#090014 #3c096c #ff006e #fb5607Why it works
How to make a palette feel like your brand
What turns a listed palette into an identity is one decision nobody else in your street has made, usually the accent: a law firm in leather brown, a gym in acid yellow. Change the accent first and keep the ground and text colour, so you gain a look without losing readability.
Avoid
- Five bright colours used equally
- Picking the logo colour first and the rest by eye
- An accent on every element of every design
- Light grey text on a cream ground
- Choosing from swatches on a white page
Do
- One ground that covers most of the space
- Roles first, then colours to fill them
- One accented thing per design
- A dark neutral that passes contrast
- Testing on a real post, story and banner
A palette blended into a soft gradient gives you a background that is unmistakably yours, as long as the colours are related.
Test your brand colours before you commit
- 1
Make three real designs
A square post, a 1080×1920 story and a 1500×500 header, with real words and your logo.
- 2
Check text contrast
Your neutral on your ground should pass WCAG AA. Colour contrast and accessibility shows how to measure it.
- 3
Look at it small
Shrink the post to thumbnail size. If you can still tell it is yours, the palette is doing its job.
- 4
Try it next to competitors
Put your post beside three local rivals. If yours blends in, change the accent, not the whole palette.
- 5
Write the codes down
Record every hex code and its role in one place.
Testing a palette on a real post: the headline, the detail and the background all have to work together at 1080×1350.
If you want help choosing, how to choose brand colours walks through the decision from scratch, and logo colour combinations narrows it down to the two or three colours your mark itself should use.
Turning brand colours into a look
Five hex codes can be copied by anyone. In Gradiently, a Mark carries a palette as a living background with its own light, grain and motion, and no two Marks look alike. Search the Market with colour words like "deep teal" to find one close to your palette, design with it for free, and claim it so only you can export with it. Your brand kit holds the exact codes for text and accents.
Questions people ask
How many colours should a brand have?
Four or five is enough for most brands: a ground, a main colour, a supporting tone, a neutral for text and one accent. More than that is hard to use consistently.
What is the best colour for a new brand?
There is no single best colour. Choose a main colour that fits what you sell, then an accent your competitors are not using, so customers can spot you.
Should my brand colours match my industry?
Matching the industry with your main colour helps people understand you quickly. Breaking it with your accent is what makes you memorable.
How do I check my brand colours are accessible?
Measure the contrast of your text colour against your ground with a WCAG contrast checker. Body text should reach at least 4.5:1.
Can I use a gradient as a brand colour?
Yes, as long as it is built from related colours in your palette and you keep a flat version for small uses like favicons and text.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile