How to Create a Custom Color Cheat Sheet for Doodly (And Why It Matters)

voomly-team-avatar png

Wednesday, January 15, 2025

Let’s talk about color.

It’s not just an afterthought for your videos and designs—it’s the vibe, the energy, and the personality of your brand.

The bold red in your logo, the calming blue in your backgrounds, or the sleek black in your text all work together to tell your story.

And if you want that story to pop across every video, graphic, and project, your colors need to be on point.

But nothing throws a wrench into your creative flow like mismatched shades.

That slightly off blue? Ugh.

The almost-but-not-quite red? Nope, not cutting it.

That’s where hex codes swoop in to save the day.

These six-character wonders unlock the exact shades you need—no guesswork, no "close enough."

In this guide, I’m going to show you how to harness the power of hex codes, create a custom color cheat sheet, and use those perfect hues to make your whiteboard explainer videos stand out.

Why Your Brand Colors Matter in Whiteboard Explainer Videos

Think about Coca-Cola’s bold red or McDonald’s golden arches—those colors don’t just look great, they are the brand.

Color isn’t just decoration; it’s a powerhouse for recognition, with studies showing that consistent color use can boost brand recognition by up to 80%.

In whiteboard explainer videos, color plays a starring role in telling your story.

When you use colors that reflect your brand identity, you’re not just creating something pretty—you’re building trust and familiarity with your audience.

Research shows that colors aren’t just visual; they’re emotional.

Blue says “trust me,” yellow says “be happy,” and your brand’s unique palette?

It sparks a connection that words alone can’t achieve.

But here’s the kicker: even a slight deviation from your brand colors can throw things off.

If your logo is green, but your video leans into a random shade of blue, it might look okay—but something will feel “off” to your audience.

They may not notice it outright, but the mismatch quietly chips away at their perception of your brand.

Consistency is the magic word here.

Sticking to your exact shades ensures every piece of content—from your website to your videos—feels like part of a bigger picture.

Whiteboard videos, with their clean and simple aesthetic, amplify your message, and your colors are a key part of making it all click.

The best part?

You don’t have to guess or eyeball your brand shades.

Tools like Canva and ImageColorPicker.com make it easy to pull the exact hex codes from your logo and other assets, so every color you use is spot on.

Ready to unlock the magic of hex codes?

Let’s dive into the basics and see how they can bring your brand’s visuals to life.

What is a Hex Code?

If you’ve ever wanted the exact shade of a color for your videos or designs, hex codes are your secret weapon.

But what exactly are they?

A hex code is a six-digit combination of numbers and letters that represents a specific color in the RGB (Red, Green, Blue) system.

Think of it as a color’s digital fingerprint.

The six digits are split into three pairs, each showing the intensity of red, green, and blue in the mix.

For example:

  • #FFFFFF: Pure white (no red, green, or blue added).
  • #000000: Black (complete absence of color).
  • #FF5733: A vibrant orange with strong red tones and a hint of green and blue.

So, why are hex codes so important for digital content?

Precision.

When creating videos or graphics—especially with tools like Doodly—using exact hex codes ensures every color is consistent across your projects.

This is critical for maintaining a cohesive and professional brand identity.

Have you ever loved a color on screen but couldn’t recreate it later?

Frustrating, right? Hex codes eliminate the guesswork.

They let you perfectly match any shade you’ve used before, whether it’s a clean white background (#FFFFFF), bold black outlines (#000000), or an attention-grabbing red for text highlights (#FF5733).

By relying on hex codes, you ensure that every element of your video—text, illustrations, and more—aligns seamlessly with your brand.
And the best part?

These codes work universally across software, so you’ll get the same results whether you’re using Doodly or another tool.

Now that you’ve got the basics down, let’s explore how to generate these exact shades using tools that make the process easy and efficient.

Tools to Generate Hex Codes for Your Brand Colors

Alright, you’ve got your eye on those perfect brand colors.

Now, let’s talk about how to grab those exact hex codes to ensure your designs are on point every time.

There are plenty of ways to extract those hex codes from your images—and some are faster and more efficient than others.

Let’s dive in and explore your options!

Manual Color Pickers—The Classic Route

If you’re someone who likes to take matters into their own hands (literally!), manual color pickers are a great place to start.

It’s the DIY method, where you get to play with every pixel until you’ve got your colors just right.

How It Works:

Manual color pickers usually come in the form of an eyedropper tool within image editing software or online apps.

All you have to do is click on the part of your image that contains the color you want, and—boom!—you get the hex code for that exact shade.

It’s like having a magnifying glass for your digital color world.

The Catch:

While it’s great for picking out a single color from an image, this method can get a little slow if you’re trying to grab multiple shades at once.

And if your image features gradients or complex color variations, it can be tricky to get the perfect color every time.

It’s precise, but a little time-consuming.

The Best Use Case:

If you only need one or two colors, the manual method is perfect!

It gives you complete control and accuracy.

But if you're working with a colorful image or logo that has a wider palette, you might want to speed things up with something more automatic.

Canva’s Color Palette Generator—Your Personal Color Assistant

Not feeling the manual work?

Canva has you covered with a super easy, automated tool that makes extracting your brand colors feel like a breeze.

Think of it as your personal color assistant that does all the heavy lifting for you.

Upload Your Image:

Head over to Canva’s Color Palette Generator, upload an image that represents your brand (like your logo or a screenshot of your website), and let the tool work its magic.

Canva will analyze the image and automatically extract the primary colors within seconds.

Automatic Color Extraction:

Once uploaded, Canva pulls out the main colors from your image—usually around four shades—and provides you with their corresponding hex codes.

No more guessing or coming up with quirky names for shades like “faded plum.”

Canva does the thinking for you and even names the colors, so you don’t have to get creative!

Simple and Quick:

This tool is user-friendly and quick, which makes it ideal for grabbing a basic color palette from a single image.

However, keep in mind that it usually extracts a small number of colors—around four, so if your image is more complex or has a wider variety, this tool might not capture every shade.

Pro Tip:

For best results, use high-quality images with clear color contrasts.

Canva’s generator shines when it has a well-defined color palette to work with, so make sure the image you’re uploading shows off your brand’s colors in all their glory!

ImageColorPicker.com—For the Full Color Spectrum

If you’ve got an image with a lot of colors to extract or a more intricate design, ImageColorPicker.com is your go-to tool.

It’s like the superhero of color pickers, swooping in to save the day with its ability to grab up to 10 colors at once.

Upload Your Image:

Visit ImageColorPicker.com and upload your brand image.

Whether it's your logo, a website screenshot, or any other image that represents your brand, this tool will work hard to give you a comprehensive color palette—up to 10 colors at once!

More Colors, More Control:

Unlike Canva, which gives you only a handful of shades, ImageColorPicker allows you to pull out more than just the basics.

With up to 10 colors at your disposal, this tool is perfect for logos with lots of variations or images with detailed color schemes.

Plus, it provides the hex codes and RGB values for each color, so you’re covered no matter where you’re using them.

Hex and RGB Codes:

This tool is a bit more “hands-off” in the naming department, but it’s a color-code connoisseur when it comes to providing accurate hex and RGB values.

If you need a precise match for your brand colors and want to use them in different platforms or tools, this is the perfect option.

Pro Tip:

When working with more complex color palettes, be sure to check that the colors you’ve extracted are showing up as you expect in your designs.

ImageColorPicker gives you all the data you need, but sometimes it's worth double-checking the results!

Creating Your Custom Color Cheat Sheet

Alright, you’ve got your hex codes locked and loaded—it’s time to level up your game! Let’s talk about creating a Custom Color Cheat Sheet, your ultimate sidekick in keeping your brand colors consistent, accessible, and ready for action. Think of it as your personal color compass, always pointing you in the right direction whenever inspiration strikes. Let’s jump right in!

Step 1: Organize Like a Pro​

Before you dive into design glory, you need to get those colors in order. It’s not just about having the codes—it’s about knowing how and where to use them. Here’s how to get started:

Group Your Colors by Purpose:

Not all colors are created equal. Some are the stars of the show, while others play supporting roles. Break down your colors like this:

  • Primary Colors: Your main stars—think Coca-Cola red or Tiffany blue. These are the shades that scream “This is us!”
  • Secondary Colors: Accent colors that complement your primary shades. These add flair without stealing the spotlight.
  • Background Colors: Subtle, neutral tones that make your main elements pop. Perfect for backdrops and negative space.
  • Text Colors: Dark or high-contrast shades designed for easy readability, like black, dark gray, or deep navy.

Give Them Personality:

Hex codes alone can feel a bit… robotic. Add some personality by naming your colors in a way that makes sense to you (and anyone else on your team). Instead of #FF5733, try:

  • “CTA Orange” (for buttons and call-to-actions).
  • “Logo Green” (your brand’s signature color).
  • “Soft Grey” (for neutral backgrounds).

Giving your colors clear, functional names makes it so much easier to know exactly where and how to use them.

Step 2: Create a Visual Reference Guide

Let’s face it: staring at a list of hex codes isn’t exactly inspiring. That’s where your visual cheat sheet comes in. Seeing your colors in action—next to their names and codes—makes all the difference.

Design a Color Block Grid:

Use tools like Canva, Google Docs, or even Excel to create a grid of color swatches paired with their hex codes. Here’s what to include:

  • Color Swatch: A small square showcasing the shade.
  • Name of the Color: Your personalized label, like “Header Black.”
  • Hex Code and RGB Values: Add these below the swatch for easy reference.

For example, your grid could look something like this:

This way, you’ll have a handy reference that’s both functional and visually pleasing.

Step 3: Go Digital for Easy Access

Your cheat sheet is only as good as its accessibility.

Save it somewhere convenient so it’s always within reach when you need it.

Store It in the Cloud:

Platforms like Google Drive, Dropbox, or OneDrive are perfect for storing your cheat sheet.

Share it with your team so everyone can stay on-brand.

Keep It Open While You Work:

If you’re using tools like Doodly or Canva, keep your cheat sheet open in a browser tab for quick access.

That way, you can grab a hex code or check a color swatch in seconds.

Print a Hard Copy (If You’re Old School):

Sometimes, nothing beats a printed guide pinned to your workspace.

A hard copy can be a lifesaver if you’re working offline or just need a quick visual reference.

Step 4: Update as Your Brand Evolves

Brands grow, styles change, and your cheat sheet should keep up.

If you tweak your brand colors or add new shades, don’t forget to update your guide.

Keeping it fresh ensures that your designs stay cohesive and reflect your brand’s current identity.

Pro Tips for Your Color Cheat Sheet:

  • Test in Real-Life Scenarios: Before finalizing your cheat sheet, test your colors in different designs. Do they pop on-screen? Are they readable on various backgrounds? Adjust if needed.
  • Save in Multiple Formats: Save your cheat sheet as a PDF for easy sharing and as an editable file (like a Google Doc or Canva project) for updates.
  • Use Complementary Tools: Pair your cheat sheet with color-matching tools like Adobe Color or Coolors.co to explore additional shades that align with your palette.

By now, you’ve got all the tools to build a custom color cheat sheet that’s as sharp as your brand identity.

With this guide in your corner, you’ll never have to second-guess your colors again.

Ready to put your palette to work?

Let’s keep the momentum going as we bring your brand to life in your next project!

Applying Your Custom Colors in Doodly​

Your custom colors are ready, and now it’s time to put them to work in Doodly!

Customizing your assets with hex codes doesn’t just elevate your videos; it aligns them perfectly with your brand identity.

Let’s break it down step by step so even a first-timer can picture exactly how it’s done.

Step 1: Selecting a Doodly Asset to Customize

To start, you’ll need something to work with—think characters, props, or other SVG-based assets in Doodly’s library.

Here’s how to pick the perfect asset to customize:

1. Head to the Character or Props Tab:

  • On the upper-left side of Doodly’s interface, you’ll see tabs labeled Characters and Props. Click on either one to browse Doodly’s library of pre-installed SVG assets. These assets are editable, which means you can apply your custom colors to them.
  • Quick Note: If you’re working with an uploaded image (like a JPG or PNG), keep in mind that those file types don’t have editable draw lines in Doodly. The color customization options we’re about to dive into only apply to Doodly’s built-in SVG assets.

2. Drag an Asset into Your Scene:

Once you’ve found a character or prop that fits your video’s theme, drag it directly into your scene. Now it’s ready for customization.

Step 2: Opening the Asset Settings

Once your asset is on the canvas, it’s time to unlock the settings that allow you to change its colors:

1. Click the Asset to Activate the Menu:

  • When you select the asset on your scene, you’ll notice a small menu of icons popping up just above it.

2. Click the Gear Icon:

  • Look for the gear-shaped icon in the menu. Clicking it will open the Asset Settings panel, where all the magic happens.

3. Locate the Color Menu:

  • Within the Asset Settings, you’ll see a section labeled Color Menu. Next to it, there’s a small square color box. Click on that box, and voila—the color palette window will appear, ready for your hex codes.

Step 3: Applying Your Hex Codes

Now comes the fun part—watching your asset transform as you apply your brand colors:​

1. Input Your Hex Code:

  • In the color palette window, you’ll find a field where you can type or paste your hex code. Simply enter the code for your desired color and watch as Doodly updates the selected part of the asset to match.

2. Fine-Tune the Details:

  • If the asset has multiple parts—like a character’s shirt, pants, or accessories—you can repeat this process for each section, using different hex codes as needed.

3. Hit Apply:

  • Once everything looks perfect, hit Apply to lock in your changes.

Step 4: Building a Custom Color Palette in Doodly

Why stop at adding colors one by one when you can create a handy cheat sheet of all your brand’s hex codes right inside Doodly?

Here’s how to set up your own custom color palette:

1. Create a Text-Based Cheat Sheet:

  • Start by adding a text box to your scene. Type in the name of each color, followed by its hex code. For example:
  • Orange Logo – #FF6700
  • Blue Accent – #0055FF
  • This not only helps you organize your colors but also makes it visually clear which code matches which color.

2. Color the Text to Match:

  • Once you’ve entered the hex codes, change the text color for each line to match its corresponding code. This way, your cheat sheet isn’t just functional—it’s visually appealing too!

3. Save the Scene as Your Brand Palette:

  • Dedicate one scene in your project to this cheat sheet and give it a title like Brand Palette. This keeps your colors organized and ready to reference whenever you need them.

4. Export the Cheat Sheet as an Image:

  • From the timeline, right-click on the scene containing your cheat sheet. Select Save as Image and follow the prompts to export the file to your desktop.

5. Reimport the Cheat Sheet to Doodly:

  • Upload the exported image back into Doodly as a prop. Now, whenever you start a new project, you can drag your cheat sheet into your scene for quick reference. No more flipping between tools or documents to find your hex codes!

Step 5: Bringing Your Brand Colors to Life Across Your Video

With your custom colors applied and your palette saved, it’s time to weave your brand identity into every corner of your video:​

  • Characters and Props:
  • Dress your characters in your brand colors or use them to highlight props that align with your message. Small details, like a character’s tie or a prop’s accent color, can make all the difference in reinforcing your brand identity.
  • Text Elements:
  • Use your colors strategically in text to make important messages stand out. Combine complementary colors for text and backgrounds to ensure everything is both eye-catching and readable.
  • Backgrounds and Scenes:
  • Set the stage with background elements in your brand’s colors. Whether it’s a subtle gradient or bold shapes, these touches can tie the entire video together.

By following these steps, not only will your videos look polished and professional, but they’ll also feel undeniably yours.

Your brand colors aren’t just an accessory—they’re the personality, trust, and recognition you bring to your audience.

And with Doodly, you now have all the tools you need to make them shine!

Benefits of a Color Cheat Sheet for Content Creators

Alright, so you’ve got your custom colors all set up in Doodly—awesome! But here’s the thing: getting your colors organized is just the start.

Keeping them in one easy-to-access place can seriously level up your content creation game. Enter the color cheat sheet.

Trust me, this little tool can be a total lifesaver.

I know, it might sound like a minor thing, but don’t sleep on it! A color cheat sheet is more than just a list of hex codes.

It’s a secret weapon that saves you time, keeps your branding tight, and ensures everything you create looks polished and professional.

Here’s why you’ll want to add one to your toolkit:

1. Saves Time and Cuts Out the Guesswork

Raise your hand if you’ve ever had to stop mid-project, frantically searching for the right hex code. 🙋‍♀️

Yep, we’ve all been there! But with a color cheat sheet, that frustration is a thing of the past.

No more Googling or guessing colors on the fly.

You’ll always know exactly which shade to use, so you can zip through your project without second-guessing.

It’s like hitting the fast-forward button—who doesn’t want that?

2. Keeps Your Branding Consistent

We’ve talked about how important consistency is, right?

Well, a color cheat sheet is your ticket to keeping everything on-brand.

When you’ve got all your brand colors and their hex codes in one place, it’s easy to make sure your content—whether it’s a Doodly video, a blog graphic, or a social post—looks cohesive.

You won’t have to worry about mismatched colors or wondering if you’re using the right shade.

And consistency means your brand becomes instantly recognizable, which is key to building trust with your audience.

3. Makes Collaborating So Much Easier

If you’re working with a team—or even just a designer or a content partner—your color cheat sheet becomes the ultimate collaboration tool.

Instead of playing the “What’s the hex for that blue?” guessing game, just share the cheat sheet. Boom!

Everyone’s on the same page, using the exact same shades.

It keeps things moving smoothly and saves you the headache of explaining your color choices over and over again.

Seriously, it’s a time-saver you didn’t know you needed.

4. Streamlines Your Content Creation​

As you keep churning out content, having your colors all in one place makes the whole process so much faster.

Instead of hunting for the right shade every time you start a new project, you can jump right into the creative part.

And as your brand grows, you’ll appreciate how having an organized color cheat sheet makes scaling up feel like a breeze.

Next time you’re working on something new, all your colors will be right there, waiting for you.

5. Boosts Your Professionalism

Nothing screams "I’ve got it together" more than a polished, consistent color scheme.

When your colors are spot-on, your content automatically looks more professional.

It gives off that "I know what I’m doing" vibe, and people are more likely to take you seriously.

A color cheat sheet helps you keep everything looking sharp and cohesive, which in turn makes your brand feel more put-together.

It's the simple tool that packs a punch!

6. Makes Your Brand Future-Proof

Here’s the thing: a color cheat sheet doesn’t just serve you today; it’s also an investment in your brand’s future.

If you decide to tweak your colors or refresh your brand palette down the road, your cheat sheet will be ready to evolve with you.

Plus, it’s a great way to keep track of any changes to your color scheme over time.

No more worrying about losing your brand identity or getting mixed up with old shades.

It’s a tool that grows with you, so no matter where your business goes, your color game stays strong.

With all these benefits, it’s clear that a color cheat sheet isn’t just a nice-to-have, it’s a must-have for content creators.

It keeps your workflow smooth, your brand consistent, and your projects on track.

If you're working alone or with a team, having a cheat sheet ensures you're always ready to apply your brand colors without hesitation.

So, make sure to set it up and watch your content creation process get a whole lot easier!

Wrapping It Up

And there you have it!

By organizing your brand’s colors into a custom color cheat sheet, you’ll streamline your content creation process, stay consistent with your branding, and save time—plus, it’ll make collaboration a breeze.

No more scrambling to find the right color or worrying about mismatched shades.

Instead, you’ll always be ready to create polished, professional content that perfectly reflects your brand.

Ready to take your branding to the next level?

Start building your color cheat sheet today, and make sure your brand colors are always just a click away.

Happy doodling!

Leave a comment

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

cover-2-1024x623.gif

8 Min Read

Video marketing is a preferred method to promote business these days. It is a great marketing tool that can help you stay relevant and help guide potential clients towards you. […]

cover-jpg-1024x576.jpg

8 Min Read

Did you know that a customer review is the most important factor in your SEO strategy? It can be hard to get and keep customers, but once they move to […]

cover-2-1024x576.png

8 Min Read

Have you ever seen a product that made your head turn? It caught your attention, right? Now, that doesn’t necessarily mean you were interested in the product, but for some […]

Skyrocket Sales & Conversions Like Never Before Using Voomly’s Incredibly Intuitive Interface!

Voomly is the perfect platform to host videos advertising your brand.

And with its ultra-customizable, no-coding-required video tools, you’ll get the absolute best results from your sales videos.

Select video player colors, border skins, player skins, and customized thumbnails … potentially increasing your sales video views by as much as 4X, according to some research.

Drive website traffic by adding a clickable brand logo to your video player … so anyone watching your videos can easily find out more about your products and services.

Promote a professional image by using video players that “travel” with your video … so when your videos are shared via social media, everyone sees them in a video player that displays your logo and brand colors.

Hide or display controls, like the play bar, time, volume, speed, autoplay, full-screen option and more, customizing your player to your marketing goals.

image_2022_05_30T06_20_22_141Z.png

Give Voomly A Try For FREE Today

30-Day Money Back Guarantee

If you are not completely satisfied with Voomly within 30 days, we will refund 100% of your payment. Just email us at support@voomly.com and every penny will be gladly refunded to you within the first 30 days. Nothing could be more fair than that.

This site is not a part of the Facebook website or Facebook INC. Additionally, this site is NOT endorsed by Facebook in ANY WAY. Facebook is a trademark of Facebook INC. You understand this to be an expression of opinions and not professional advice. You are solely responsible for the use of any content and hold Voomly LLC and all members and affiliates harmless in any event or claim. You can also safely assume that I get paid anytime you click on a link on this site. We recommend that you do your own Independent research before purchasing anything.