Monkey Dog Design

Cool stuff we've learned

Keynote hacks, Squarespace how-to's and other awesomenesses.

Create your own color palette in Keynote

 

Keynote's templates each come with a pre-loaded set of colors (and they're no longer ugly!) While most of these do fine, sometimes they just don't gel with your slides.

You can get more out of this tool by creating your own color palettes in three simple steps.

Check out the FAQs at the end for how to delete samples and more.

 

Step 1

Sample with eyedropper tool.

Use the eye dropper to sample 3-5 colors from the main image  - from light to dark, with one contrasting color.

Pull the color squares into the sample saver while you work. 

Apply these colors to text, shapes and shadows as needed. Refine as you go to get the best colors.

 Source colors from a key image and apply to shapes to create visual harmony

Source colors from a key image and apply to shapes to create visual harmony

 Drag colors into the sample saver

Drag colors into the sample saver


Step 2

Create palette.

Samples get messy and it's easy accidentally to drag over and delete colors. What about adding more? 

Create custom palettes: New > Rename first. Then sample and drag into the palette.

Ideal for clients and templates.  

 Create a custom palette to save colors for future use

Create a custom palette to save colors for future use

 Give your palette a name

Give your palette a name

 Drag colors into your custom palette

Drag colors into your custom palette


Step 3

Customize palette

Select your color. Copy the hex code (find it under the color sliders). Paste into coolors.co, lock and hit space bar until the magic happens. Copy + paste your colors back into Keynote.

This works great if your image doesn't offer more than one color, or when you're building a graphic presentation without much/colorful imagery.

Color is the simplest way to provide oomph to your presentation, and these three Keynote tools will help you rock it out like a pro.

 Select your color and copy the hex color code

Select your color and copy the hex color code

 Paste and lock the code into one of the color bars on coolors.co

Paste and lock the code into one of the color bars on coolors.co

 Hit spacebar to generate color palettes that compliment your color

Hit spacebar to generate color palettes that compliment your color

 Copy the hex codes back into keynote. Drag new colors to the custom palette if they check out

Copy the hex codes back into keynote. Drag new colors to the custom palette if they check out


Frequently Asked Questions

 

Will my samples & color palettes only show up in keynote?

Your saved samples and palettes are available across your Mac — in Pages, Numbers and even Office for Mac!

 Pages for Mac

Pages for Mac

 MS PowerPoint for Mac

MS PowerPoint for Mac

 MS Word for Mac

MS Word for Mac

 

Why can't I see my color palette on my other Mac?

iCloud syncing for color palettes has been on our personal wishlist for ever, and will remain thus until someone at Apple makes it happen.

In the meantime, there are two ways to quickly duplicate your palette on your other Mac.

1. Resample from screenshot

Take a screenshot of your palette (command + shift + 4) and send it to your other Mac via AirDrop, mail, messages or copy+paste (with OS Sierra).

Re-sample the colors from that screenshot and create a new palette (steps 1 & 2 above).

2. Copy + paste hex codes

You can see the hex code for a color by clicking on the Color Sliders button in the color panel. Retype (or copy + paste) that code into the same box on your other Mac, and then drag the colors into a new palette (step 2 above).

 Sampling colors from a screenshot of an existing palette.

Sampling colors from a screenshot of an existing palette.

 Find the Hex Color # under Color Sliders in the color panel.

Find the Hex Color # under Color Sliders in the color panel.

 

How do I delete colors from the sample saver?

Frustratingly, Keynote doesn't let you select and delete sample colors. And you can't drag and drop them off the color tool like you would with rulers either. The easiest way to delete colors is to 'replace' them with other colors. Sounds weird, but here's how it works:

You can rearrange color samples with click and drag. 

Dragging one color over another in the sample saver replaces the bottom color. So if you dragged a purple sample over a yellow sample, the purple will replace the yellow in that block and the yellow will be no more. Warning: there's no ⌘+Z-ing this. The block where your purple color was is now empty.

Using this method, you can delete samples by dragging one color over each. Eventually you're left with that one color. Get rid of it by sampling the empty box color with the eyedropper tool, and then dragging that color over the remaining sample.

 Drag color samples over each other to replace

Drag color samples over each other to replace

 Sample the empty block color and drag it onto the remaining color to clear the sample saver

Sample the empty block color and drag it onto the remaining color to clear the sample saver


IMG_6560.jpg

author: ina

Amateur carpenter. Keynote junkie. Won't shut up about Squarespace and South Africa.