◐Free YouTube tool

Thumbnail Color Generator

Start from your brand colour or any image. Get four thumbnail palettes, see them in a real YouTube feed, and copy the HEX codes.

Start from

In the feed

Edit faster5 tricks
12:04
5 editing tricks I use on every video
Your channel
12K views · 2 days ago
Desk setup2026 edition
8:41
My minimal desk setup for 2026
Desk Notes
88K views · 1 week ago
Colour gradein 10 min
10:02
The 10-minute guide to colour grading
Frame School
240K views · 3 weeks ago

Neighbouring thumbnails are made up, so you can judge yours in context.

Your palette

Click a colour to copy its HEX code.

Proven pairs

What colours are best for YouTube thumbnails?

High-contrast pairs work best: a dark or saturated background with one bright accent. Blue with orange, navy with yellow, red with white, purple with pink and teal with coral all stand out at feed size. Use two or three colours, and keep text white or near-black so it reads on a phone.

Each pair below is a full palette. Click “Try this palette” to load it into the tool with matching text.

Illustration of a fan of colour swatches in pink, orange and purple
Build itstep by step

Blue and orange

Opposites on the colour wheel, so both look brighter. A safe default for tech, how-to and education.

Save morein 2026

Navy and yellow

Navy reads as calm and trustworthy; one yellow label pulls the eye. Good for finance, business and news explainers.

It brokeday 3

Red and white

Loud and urgent. Use it for reactions, challenges and breaking stories, and keep the words few.

Boss fightno damage

Purple and pink

Rich and playful, with a neon feel. Popular with gaming, music and entertainment channels.

48 hoursin Lisbon

Teal and coral

Warm against cool, but softer than blue and orange. Suits travel, food and lifestyle videos.

Fresh breadbeginner guide

Cream, black and one accent

Stands out in a feed full of loud colours. Works for food, craft and design channels with a calmer brand.

Step by step

How do you make a colour palette for your YouTube thumbnails?

Start from one colour that already belongs to your channel, such as your logo or brand colour. Build a background, text and support colour around it, then check the result next to other videos at feed size. Reuse the same palette across a series so viewers recognise your videos.

  1. Start from one colourEnter your brand colour above, or switch to “An image” and add a photo or thumbnail you like.
  2. Pick a lookCompare the four palettes. Dark and bold suits most channels; Light and clean stands out in dark mode.
  3. Check the text, then copyAim for a text contrast of at least 4.5:1, then copy the HEX codes into Canva, Photoshop or your editor.
Edit faster5 tricks
4:36 / 12:04HD
5 editing tricks I use on every videoYour channel · 12K views⋮
@maya.makes2 hours ago

Your thumbnails always stand out in my feed. Love the colours.

♡ 214Reply
From an image

How do you get a colour palette from an image or thumbnail?

Choose “An image” in the tool and add a JPG, PNG or WebP. Your browser groups similar pixels, keeps the five most distinct colours and turns them into four ready palettes. The image never leaves your device.

The most common colour is often a background, not the best accent. That's why each look reuses the image's colours in different roles: try them all before you pick.

Sunset landscape used as an example image
Readability

What colour text is easiest to read on a YouTube thumbnail?

White or near-black text on a solid, saturated background is easiest to read. Aim for a contrast ratio of at least 4.5:1 between the text and the colour directly behind it. Bright yellow or pastel text on a light background usually fails, even when it looks fine at full size.

On a phone, a thumbnail can be under 170 pixels wide, so text needs more contrast than it would on a poster. The tool checks your text and accent contrast for every look you pick.

Save more
White on navy
Save more
Yellow on cream
Save more
Coral on teal
Balance

What is the 60-30-10 colour rule for thumbnails?

It's a way to balance colours: about 60% of the thumbnail is the background colour, 30% is the text and main subject, and 10% is a bright accent. The small accent is what the eye lands on first, so use it for one word, an arrow or a label.

RoleShareUse it for
BackgroundAbout 60%The main colour field behind everything
Text and subjectAbout 30%The headline and the person or product
AccentAbout 10%One label, arrow or key word
SupportA touchA glow, shadow or shape that adds depth
Edit faster5 tricks
60%30%10%
BackgroundSets the moodTextCarries the hookAccentGrabs the eye
Common mistakes

Why does my thumbnail blend into the YouTube feed?

Usually because its colours look like the feed around it, the text has too little contrast, or too many bright colours compete. Change one thing at a time and check the feed preview after each change.

Illustration of a designer pinning colour swatches to a brand board

It looks like the feed

A white or black background disappears in light or dark mode. Use a saturated or tinted background, and check both feed themes above.

The text gets lost

Put words on a solid colour, not a busy photo, and keep contrast at 4.5:1 or more. Shorten the hook to three to five words.

Every colour is shouting

Four bright colours cancel each other out. Keep one accent for the thing you want noticed and let the rest sit back.

Every video looks different

A new palette each time makes your channel hard to recognise. Save one palette and reuse it for a whole series.

FAQ

Thumbnail colour FAQ

How many colours should a YouTube thumbnail use?
Two or three main colours, plus a light or dark neutral for text. More than that and nothing stands out at feed size.
Can I keep my exact brand colour?
Yes. Your HEX code always stays as the accent. The four looks change the background, text and support colours around it.
Is my image uploaded?
No. Your browser reads the image to find its colours. It never leaves your device.
Do brighter colours get more clicks?
Not on their own. Contrast makes a thumbnail easier to notice and read, but clicks also depend on the image, the title and the audience. Use the feed preview to judge it next to other videos.
Can I use colours from someone else's thumbnail?
Colours on their own aren't owned, so you can use a palette as inspiration. Make your own artwork, and don't copy another creator's layout, photos or logo.
Illustration of a painter holding a roller next to colour samples
More free tools

Finish your thumbnail

Palette ready. Need layout ideas?

Browse hand-picked thumbnails and social designs from brands that do it well.

Browse the design library

Illustrations from Magnific, by vectorjuice.