welcome to

Color Palette Pro

an all-in-one tool for creating premium, ready-to-use color palettes ☺

Collapsible content

How to use Color Palette Pro

Here's a quick little video to show you how to use this amazing tool.

Color Contrast Ratios, explained

This app tests the contrast levels of the colors in your palette. As long as the level is above a 4.5, then it is considered ‘Compliant’ (and you’ll see a little checkmark next to the combo).

WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components. WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

This app will ONLY show you the color combos that have a contrast ratio of 4.5 or higher.

Need help?

Contact us here and we'll be sure to get you some help!

Color Palette Pro

Color Palette Pro

Design style mood boards

Scroll through the different mood boards & color palette recipes. Use the eyedropper tool in step 1 to build your color palettes.

Step 1

Choose your colors

Color 1:
Color 2:
Color 3:
Color 4:
Color 5:
Color 6:

Step 2

Name your colors

Step 3

Test your colors

Select All

Step 4

Select all pairings to include from the preview above, then click Show Palette.

Color Palette

Color Combos

Step 5

Save your work

For Yourself

Note: this URL is for your internal use, or for pasting into the Color Buddy Chrome extension - it will not load for clients

For Your Client

Create client-friendly export. This will open your palette and combos in a new tab. In the new tab, you can screenshot or Print As PDF from your browser.

Note: If printing as PDF, be sure to 'enable background graphics' in your print settings.