A fan of paint swatch cards spread like a hand of playing cards, one card pulled forward
Look & feel1 min read

Change the colours

Colours date a site faster than anything else - and the dread of breaking something keeps most people from ever touching them. On a bernard-hosted site, a recolour is one sentence and one approval.

The prompt

Change the colours on my site to [the colours you want, or a feeling like ‘softer’ or ‘bolder’] - keep the text easy to read against the new background.

Signed in, Get my prompt fills in your site for you. Otherwise press Copy and fill in the [bracketed] parts. First time? Connect your AI to bernard once: Use your own AI (opens in a new tab).

How it works

  1. Connect bernard to your AI (once). Log in to bernard, open your site, go to Use your own AI, and paste the setup prompt into your AI to connect it - a one-time setup.
  2. Paste it into your AI - ChatGPT, Claude, Gemini, whichever you already use - then ask in your own words, or use the prompt below.
  3. Approve. The AI sends back a preview link. Click through a few pages to check the new palette everywhere, press Approve, and it’s live.

Your site’s colours live in one stylesheet, so the AI changes them in one place and the whole site follows - buttons, headings, backgrounds, all consistent.

While you’re at it, check the little icon in the browser tab still suits the new palette - see Get a proper icon in the browser tab.

Questions people ask

How do I change the colour scheme on my website without a designer?
If your site is hosted with bernard, describe the colours you want to your AI - ChatGPT, Claude or Gemini - even vaguely (‘warmer’, ‘like my new business cards’), and it edits the stylesheet. You see a preview before anything goes live.
Can I match the colours to a photo or my logo?
Yes - paste the image into the chat and ask the AI to pick the site’s colours from it. It reads the image, chooses a palette, and applies it consistently across the site.
What if the new colours make the text hard to read?
Nothing is published until you look at the preview and press Approve, so you’ll see any readability problems before your visitors do. Reject, ask for an adjustment, and try again - bernard keeps a full year of history either way.

Next