Blue and orange
Opposites on the colour wheel, so both look brighter. A safe default for tech, how-to and education.
Start from your brand colour or any image. Get four thumbnail palettes, see them in a real YouTube feed, and copy the HEX codes.
Neighbouring thumbnails are made up, so you can judge yours in context.
Click a colour to copy its HEX code.
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.

Opposites on the colour wheel, so both look brighter. A safe default for tech, how-to and education.
Navy reads as calm and trustworthy; one yellow label pulls the eye. Good for finance, business and news explainers.
Loud and urgent. Use it for reactions, challenges and breaking stories, and keep the words few.
Rich and playful, with a neon feel. Popular with gaming, music and entertainment channels.
Warm against cool, but softer than blue and orange. Suits travel, food and lifestyle videos.
Stands out in a feed full of loud colours. Works for food, craft and design channels with a calmer brand.
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.
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.
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.
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.
| Role | Share | Use it for |
|---|---|---|
| Background | About 60% | The main colour field behind everything |
| Text and subject | About 30% | The headline and the person or product |
| Accent | About 10% | One label, arrow or key word |
| Support | A touch | A glow, shadow or shape that adds depth |
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.

A white or black background disappears in light or dark mode. Use a saturated or tinted background, and check both feed themes above.
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.
Four bright colours cancel each other out. Keep one accent for the thing you want noticed and let the rest sit back.
A new palette each time makes your channel hard to recognise. Save one palette and reuse it for a whole series.

Browse hand-picked thumbnails and social designs from brands that do it well.
Browse the design libraryIllustrations from Magnific, by vectorjuice.
Your thumbnails always stand out in my feed. Love the colours.