Marketer | Writer | Global Citizen

How To Pick Colors Like A Pro

When it comes to choosing colors, people are almost always confident about what looks good on them. After all, they’ve had years to experiment with every shade possible, and know for a fact what works and what doesn’t.

The same can’t be said for picking brand colors. Not only do you not have the luxury of time to experiment, it’s very easy to get things horribly wrong. So we tend to leave color decisions to the experts, ie the agency or the graphic designer.

That said, dabbling in the parts of the color picking process is educational and fascinating, especially if you’re a person who has always been intrigued by colors, color psychology and the like. But if colors bore you, then think of the 5 tools below as simplifiers of irksome tasks, like making your Powerpoint deck look more professional.

Adobe Color Wheel

Cost: Free

Adobe Color Wheel

Think of Adobe’s Color Wheel as the digital version of hand mixing paints on a palette. Move or stretch the arm on the circle to find a shade you like. Choose the color rule — analogous, monochromatic, complementary, etc — from the menu on the left. A palette will be produced showing the right shades.

If you click on the Explore tab, you’ll find palettes that other people have produced, which you can upvote or download. If you wish to save your palette (retrievable in the My Themes tab), you’ll have to sign up for an Adobe ID.

Adobe Color palettes

Got a photo with colors that make your heart beat faster? Then you’ll love this neat feature. Click on the camera icon underneath the Sign In link on the right — if you mouse over the camera it’ll say ‘Create from Image’. Upload a photo and the program will extract the colors into a palette based on a color mood you choose. The dropdown menu on the left has five different color moods and one custom which allows you to cherry pick the shades you want from the picture.

In this example, I’ve used a screen grab of a page from Elle Decor France, an interior design magazine that always makes me want to rearrange my furniture and distress my walls. Adobe extracted the greens and chocolates and created a muted palette.

Adobe Color Wheel palette from photograph

Coolors.co

Cost: Free

Coolors homepage

Adobe Color Wheel has so many useful features — it’s like the Swiss Army Knife of color planning — but sometimes you just want to mess around in one area without getting distracted by everything else going on.

Like what if you just wanted to play around with the palettes? This is where Coolors.co comes in.

The only thing Coolors does is spit out palettes. Fool-proof, pretty ones. All you have to do is click on the Generate link, which brings you to a row of five color bars. You can start with one hex code, then tap on your space bar for Coolors to come up with suggestions. You can also lock colors to remember the shades you want, or calibrate a shade up or down until you find one to your liking.

The palette below is the one I built for this website. I started with two shades that I really liked: Blush pink and a blackish purple like OPI’s Lincoln Park in the Dark nail polish. Once I put in the two hex codes, Coolors came up with the three other suggestions.

A sample palette from Coolors

It’s important to know that each shade must have a role to play and not just be merely decorative. In this informative blog post by Adobe, an ideal palette is broken down by one neutral color, two ‘pop’ colors and one call-to-action (CTA) color. You’ll find that having structure such as this in creating a palette will head off potential headaches in future, eg H1s or headlines that don’t stand out from body copy.

Hello Color

Cost: Free

Hello Color

Sometimes you don’t need an entire palette — all you need is a contrasting color that doesn’t look like dreck. You want to achieve what Pablo Picasso once mused aloud in wonder: ‘Why do two colors, put one next to the other, sing?’

Hello Color is as minimal as it gets. Just type in the hex code of your preferred color in the URL’s c parameter (see the visual below on where to find it) and it’ll spit out a fine matching color that you’d never have thought of, as well as other shades. Easy peasy lemon squeezy.

How customize Hello Color

Brand Colors

Cost: Free

Brand Colors homepage

Now that you’ve had a go at creating palettes and seen some not-too-shabby results, you may be interested in replicating the palettes of specific brands. Perhaps you’ve seen the below infographic that spurred the idea, or read up on color theory and want to apply these insights to your own brand. Hey if red works for Virgin and Tesla …

Color Emotion Guide by The Logo Company

Brand Colors is a library of colors for 600+ brands, with an even spread across US and international names. All the hex codes are spelt out and you can download them for reference. The logos are sourced from official documentation such as identity/brand guidelines of press kits. If you are the steward of your company brand and think it ought to be featured, you can certainly suggest it to the site’s owner, Galen Gidman.

Brand Colors is not perfect — Boise State University is on the list while Apple isn’t — but it’s a great place to start researching other brands’ palettes and noting how they’re used.

Color Name

Cost: $.99

How Color Name works

Let’s say you’re out and about and saw a very fetching scene, the colors of which are so ravishing you’re inspired to create a palette.

You can take a photo with your iPhone and upload the photo to Adobe Color Wheel. Or you could download the Color Name app for 99 cents and start on your palette right there and then.

What’s neat about Color Name is that it identifies colors by name — what’s scarlet for you could be fuchsia for me — thus minimizing confusion. Just tap your finger on any part of the photograph and the app will provide the RGB specs and its official name for the color you picked. Tap on the color’s name at the top and it will bring you to a screen with RGB, CMYK, HSB and hex codes for the color plus three similar Pantone shades to consider.

All these apps demystify what we’ve always thought of as a skill belonging only to the artistically gifted. Choosing colors that look great is actually much more a science that it is an art.

‘Not only can color, which is under fixed laws, be taught like music, but it is easier to learn than drawing, whose elaborate principles cannot be taught,’ said French Romantic painter Eugene Delacroix, who lived in the 1800s. He may not have foreseen the wondrous 21st century tools that can do just that, but would’ve certainly appreciated the vistas they have opened for the non-artists among us.

Comments (1):

Leave a Reply

Your email address will not be published. Required fields are marked *

Going For Woke: How Brand Activism is the New Path to Profit

‘These creatives are trying to make their toilet paper save the world.’
 
So opined fellow creative Rob Baiocco of BAM Connection, who was wryly commenting in a Guardian article about marketers’ new pursuit of social justice cred.
 
Is endowing the most banal of products with meaning as ludicrous as one would think? In October 2017, because the subject intrigued me as a marketer, I conducted my own research using SurveyMonkey.
 
The findings showed that, increasingly, consumers choose brands that are aligned with their values and shed those they perceive as a mismatch.

Use This Handy Asset Checklist For Branding or Rebranding

The exciting thing about branding is starting a new identity from scratch. In the case of rebranding, it’s giving something old and tired a new lease on life.

What’s not quite as fun are the million-and-one fiddly details that go into the exercise.

Stuff like:

  • Are the design team and me talking about the same thing? Like, is a stacked logo a square logo?
  • Are we covering all the items we truly need? Are we forgetting some that are actually important or, conversely, overdoing it and thereby incurring more expense?
  • Are we all on the same page about approval circuits and building in approval time before launch?

There are many excellent and free branding brief templates to furnish your agency or designer, such as this one from FreshSparks. What’s not so common is a laundry list of all the assets that should be covered by the process. A list sets the foundation for budgeting, timing and organizing. A list grounds you.

So here’s my version that I’ve used several times, from rebranding a 44-country international firm to creating a brand new identity for a digital agency. You can download it as a Word doc as well.

It’s a rare case where all items on this list will be checked off. B2B companies would require more of the digital templates while an e-commerce outfit would need a fuller range of ad formats. Feel free to adjust as necessary.

Logo/brand mark

Tesla logo guidelines

Tesla’s brand guidelines specify the amount of clear space required around the brand mark, as well as where it should appear. For example, the logo should never be placed on a highly patterned background or photograph is

  • Landscape
  • Portrait
  • Square/stacked
  • Black and white
  • Reverse
  • Favicon

Files should be in as many formats as possible: JPG, PNG, EPS, AI. Include sizes that can be used for larger formats such as outdoor signage and as small as a favicon. The wide range of measurements will test the skill of your designer, as the brand mark has to look good at 16px (a favicon’s size) as it would wrapped around the side of a building.

Fonts

Beats By Dre typography example

Beats By Dre’s typography embodies its brand: Solid and contemporary, almost masculine.

  • Serif
  • Sans serif

A normal number of fonts to start with would be two, a serif and a sans serif that complement each other. Depending on the brand’s needs, you may also want to commission a script or another distinct font for headlines.

Exercise good sense in choosing fonts. The more fanciful or rare ones require a license which can be cost-prohibitive when purchasing it for multiple users.

In addition, clients who do not have these fonts in their systems will find that any documents you sent them have defaulted to Times New Roman or Arial, not to mention the formatting has all gone off. Remember that Google Fonts are good looking and free!

Color palette

AirBnb color palette

AirBnB’s color palette has 9 shades but 6 shades is a good number to start with.

  • Dominant color 1
  • Dominant color 2
  • Accent color 1
  • Accent color 2
  • Accent color 3
  • Accent color 4

Picking brand colors must be one of the most enjoyable parts of a brand exercise. If you want to play around with colors yourself, have a go using these tools.

Digital templates

Future Prospect Powerpoint template

From cover slide to bullet styles, your PowerPoint presentation should be consistent with your brand. Future Prospect PowerPoint template by Jumsoft.

  • Letterhead
  • PowerPoint or Keynote presentation
  • PowerPoint or Keynote charts – Pie, bar, stacked bar, line, etc.
  • Infographic
  • Icons
  • One-page brochure
  • White paper
  • Invoice
  • Receipt
  • Email signature
  • House ads – Leaderboard, mobile leaderboard, wide skyscraper, large rectangle, medium rectangle, billboard

Digital templates are the workhorses of your brand asset library. In the absence of guidelines, users tend to put their own creative stamp on common documents. Nip these in the bud by providing a full spectrum of branded applications.

Social media assets

Aman Instagram account

Aman’s Instagram account is serene and luxurious, just like the resort company itself.

  • Headers – Facebook, Twitter, Instagram, Pinterest, LinkedIn
  • Profile photos
  • Social ads

Normally social media assets are cobbled together internally by the marketing or social media team. If so, it never hurts to run mockups by the brand steward or designer to gauge brand cohesiveness. Future iterations can then be created with pointers in mind.

Stationery

Jukebox Print cards

Print can be a surprisingly strong way to anchor your brand. Cards by Jukebox Print.

  • Business card
  • Letterhead
  • Letter envelopes
  • Window envelopes
  • Catalog or document envelopes
  • Invoice
  • Receipt
  • Note card or compliments slip
  • Presentation folder
  • Mailing label
  • Brochure

We like to think that print has gone the way of the mastodons, but marketers are discovering that in the mad rush to go digital, emptier mailboxes mean better opportunities to showcase your brand. Did you know that direct mail as a percentage of all mail went up in 2016? And never underestimate the power of the humble receipt to carry brand messaging.

Corporate signage

Slack offices Toronto

Lobby signage doesn’t have to be boring. Slack offices in Toronto, courtesy of Office Snapshots.

  • Lobby signage
  • Directional signage
  • Glass vinyl graphics
  • Exterior signage
  • Event signage

Think of signage as another canvas for your brand. How can you use that space to communicate your brand’s key attributes?

Trade show assets

Ray Ban tradeshow booth

This Ray-Ban tradeshow booth certainly turned heads at an ophthalmology conference in Milan. Photo courtesy of Trive Digest.

  • Retractable banners
  • Trade show booth
  • Table drapery

Apart from their networking benefits, conferences and trade shows are prime opportunities to build brand awareness. You may not have the budget of Ray-Ban in creating a stunning booth, but never underestimate how a well designed retractable banner can stop traffic.

Other applications

New York Post gummy bears giveaway

People are still talking about this bucket of gummy bears that the New York Post gave away during Advertising Week 2014.

  • Branded premiums
  • Branded attire
  • Vehicle wrap
  • Photography
  • Other application 1
  • Other application 2

Want to make this list yours? Download it as a Word document.

WordPress Security