Free tools / Brand Color Kit

Brand Color Kit

Turn one color into a full palette, and check your text is readable. Start from your logo color. Click any swatch to copy its code.

Your palette

Main brand color (hex code)

Lighter versions for backgrounds, darker ones for text and buttons.

Colors that naturally go with yours.

Export

Text color Background color

Grand opening sale!

Up to 50% off this weekend only. Visit us at SM North.

Contrast ratio: –

Use your main color sparingly for buttons, highlights and key messages, about 10% of a design. Use the light tints for backgrounds and the dark shades for text.
Complementary colors (opposite on the color wheel) make things stand out, good for a "Buy now" button. Analogous colors (neighbors) feel calm and consistent.
In Canva, open Brand Kit (or a design's color picker), click +, and paste each hex code.
Check contrast before you post. Many people read on phones outdoors. A ratio of at least 4.5 means most people can read normal text; 3 is the minimum for big headlines.