Page Colours

ConvertPages gives you two colour controls per page: Header Background and Button Colour. These are set in the Page Settings tab under the Colours section.

Where to find them

Open the editor, click Page Settings, and the Colours section is at the top.

Header Background

The colour behind your page's top section — typically containing your logo, video, headline, and call-to-action button. This is the most visible colour on your page since it's "above the fold" (visible without scrolling).

Setting the colour

• Click the colour swatch to open your browser's colour picker
• Or type a HEX code directly (e.g. #1a2a4a)
• Changes apply immediately in the preview

Button Colour

The colour of your primary call-to-action button (e.g. "Get Instant Access", "Download Now"). This is the single most clicked element on a high-converting page, so colour matters.

Choosing colours that convert

Header Background

Most converting headers use one of three approaches:

• Dark navy or near-black — feels professional, makes white text pop. Default for most templates.
• Brand colour — your business's primary colour if you have brand consistency goals
• White or off-white — minimalist look, works well when your video or hero image is the focal point

Button Colour

Three rules for high-converting buttons:

1. Contrast with the header. If your header is dark blue, don't use a dark blue button. Bright orange or green stand out.
2. Avoid muted colours. Pastels and earth tones don't draw the eye.
3. Stick to "go" colours. Orange, green, and bright blue tend to outperform red (red feels like "stop" or "warning").

Want more control?

Body backgrounds, text colours, and gradients aren't directly editable — those come from the template you chose. If a template's overall look isn't right, try a different template. See the Templates guide.

Need help?

Contact support if your colour changes aren't showing up.