The example Disney quote from the movie Coco was created in Google Slides with a focus on color and font choice.

Color communicates mood and tone. Color also makes the text readable. In this example, the Mexican inspired colors are both vibrant and inviting.

Fill Color

Each Google App has the ability to change the color of text, shapes, and Word art. This includes 90 built-in solid colors and 56 built-in gradient colors. These numbers do not include customizations, which will be discussed further down the page.

Change Fill Color

  1. Select the object or text.
  2. Click on the Paint icon (Fill color).
  3. Select a color of your choice.
  4. Select the Pencil icon (Border color).
  5. Choose the line color of your choice.

Color Combinations

Colors can be outdoorsy and natural, fun and tropical, or sleek and modern.  To improve your graphic designs, you can learn Color Theory or you can use professionally combined palettes such as Canva's 100 Color Combinations. The colors are written with a number sign and 6 digits for RGB (Red, Green, Blue) called hex codes.

You can also find your favorite graphic, such as Coco's movie title, and use a color extension to determine the code codes, which will also be discussed in this section.

What is a Hex Code?

A hex code is a 6 alphanumeric digit code for a color. The first two numbers/letters represent red, the next two represent green, and the last two represent blue, also known as RGB. The color code begins with # sign followed by the 6 digit hex code.

What if the Hex Code has 8 digits?

Google apps will automatically add the last two digits. When the code is 8 digits long, the last 2 digits are opacity.   Use the slider on the far right to adjust transparency.

00 = clear <-->   76 = halfway transparent   <--->   ff = solid

Custom Color in Google Apps

  1. Select the object you want to color.
  2. Click Fill bucket icon. This menu is also under Border color pencil icon or Background -> color.
  3. At the bottom of the new menu, select Custom.
  4. Type the 6 number/letter hex color.
  5. Select OK.

Colorzilla Chrome extension

The colors for the "Coco" quote were “picked” from the original Disney graphic using  Colorzilla Chrome extension

  1. Select the Colorzilla extension in the upper right corner.
  2. Click Page color picker.
  3. Move the + cursor over the page until you find the color you want. Then click once.
  4. Open the Paintline, or font color and paste the Custom color.
  5. Repeat the process as many times as you like for other objects and text on the page.

Custom Gradient Color

A gradient color begins with one color and moves through a progression of colors to the last specified color. You can use Google apps default gradients or customize using Thank you, Tony Vincent, for sharing this resource.

  1. Select the object.
  2. Click on the Fill color icon.
  3. Select Gradient.
  4. Click on Custom +.
  5. Select on the button on each end of the line. Change the color on each side. Add steps as desired.
  6. Click okay.
  7. The final product will have multiple related colors.

You can also experiment with the type and angle of the gradient. Linear is the default but radial is another option.

Practice Color Choice

Use this template to practice your coloring skills. Each page has a different quote. Color the word phrases to help clarify the meaning and mood of the text.

Thank you, Darren Maltais, for this lesson!

Organization Ideas

What happens when you find color combinations you like? You can either take out a physical notebook and handwrite the hex codes or you can store them for future use. Below are two options to organize color combinations.

Google Keep

This is an example of storing and using yearbook key information in Google Keep.

Google Keep allows users to gather notes using the Google Keep app or extension. These notes can then be viewed on the sidebar of Google Slides. Use Google keep to store hex codes of favorite color combinations with a link to the website. Try out the extension with Canva's 100 Color Combinations and this template.

Paletti Add-on

Palitti Add-on enables users to various color combinations.

The Paletti Slides add-on allows the user to experiment with over 200 color combinations using the Arrow icon. The options are even greater when the user clicks the Shuffle icon. Use the Wand icon to add the color combination to the entire Slides. Use this template to practice the add-on. Remember, focus on color contrast to increase legibility. This add-on is not necessarily easy-to-use.

YouTube Playlist

  • Beginning Graphic Design: Color by
  • 5 Forbidden Color Combinations | Graphic Design Tips from
  • How to Grab Any Color Code in Colorzilla (Chrome Extension) by TechStacker
  • How Do HEX Color Codes Work? (in 60 seconds) by Poly Matter
  • 6 Powerful Google Keep Add-ons (And Two Hidden Features) by Dottotech




Font choices set the tone of a design. Fonts can be serious or playful.

Updated September 24, 2022.