Change my colours to match my brand

📄 Don't select anything

To change your site's colours, click an empty part of the canvas so nothing is selected, then paste a prompt naming the colours you want and the feeling you're after. Your backgrounds, buttons, headings and accents all update together.

You don't need hex codes and you don't need to know design words. "Warm sand, soft clay and off-white" works just as well as #E8DCC8.

Copy this prompt

Change the colour palette across this page to [YOUR COLOURS].
Keep the text easy to read and make sure the buttons still
stand out. The overall feeling should be [YOUR VIBE].

Change these bits

1. [YOUR COLOURS] to The colours you actually want, described however you like — "warm sand, soft clay and off-white", "deep green with cream", "black, white and one bright coral accent". Hex codes work too if you have them from a logo designer
2. [YOUR VIBE] to How you want people to feel when the page loads — "calm and grounded", "fresh and energetic", "quietly luxurious", "friendly and unfussy"

A tip on the second one. The vibe matters more than you'd think. Two people can ask for the same three colours and get very different pages, because the AI uses the feeling to decide how much of each colour to use and where. Skip it and you'll get something safe and a bit flat.

Where to use it

📄 Click an empty part of the canvas first, so no section is highlighted. Then type or paste your prompt.

If a section is selected, only that section changes colour and the rest of your page won't match — which usually looks worse than where you started. If you're not sure whether something's selected, press Esc first.

What you'll get

Your backgrounds, buttons, headings and small accent details all change together, so they still work as a set rather than as five separate decisions. Text contrast is adjusted so things stay readable on the new backgrounds.

What won't change: your logo, and any photos you've uploaded. The AI won't recolour your own images — so if your photos are cool-toned and you ask for warm terracotta, expect a bit of a clash. Worth knowing before you commit.

Your layout, fonts and words stay exactly as they are.

Want it different?

Just the buttons

Change the buttons on this page to [YOUR COLOUR] with white text. Leave everything else exactly as it is.

Softer, less shouty

Keep my current colours but make everything softer and less bright. More muted, more breathing room.

Match my photos

Change the page colours so they match the tones in the photos I've already uploaded.

If you've already set up your Brand Kit ⚠️

If you've saved your brand colours in your Brand Kit, your site is already using them — you don't need this prompt. Update the colours in your Brand Kit instead and your whole site follows.

Use this prompt when you want to try something out before committing, or when you haven't set up a Brand Kit yet. About your Brand Kit →

Didn't work the way you expected?

Press Cmd + Z (Mac) or Ctrl + Z (Windows) and your page goes back exactly as it was, however much changed. ⚠️

If only one section changed colour, you had that section selected. Click an empty part of the canvas and try again. Section or whole page? →

If the result is close but not right, name your colours more specifically. "Green" gives the AI a hundred choices. "Deep forest green, almost black in the shadows" gives it one.

Prompts people use next

• Change my fonts to something that suits my business →
• Make my site feel calmer →
• Make my site look less like a template →

← Back to all prompts