Skip to content

Step 3: Choose your colors

Your website can wear any one of seventeen color themes. Each one changes every page at once: the colors, the shape of the buttons, how much the cards lift off the page.

This page shows all seventeen, in light and in dark, on the same page of a made-up builder’s website. Scroll and pick by looking. Nothing here needs a click.

In the panel, a theme is called a Colour palette. That is how the panel spells it. Each palette is a matched set. In the panel’s list, every palette shows its name and then its two main colors, such as Ember Trail followed by ember and amber.

Under the palette is the Colour mode. Light gives you dark words on a pale background. Dark does the reverse. Every visitor gets the one you pick. There is no switch on your website for them to change it.

Other words people use for the same thing: theme, color scheme, palette, look and feel, style, design, skin, dark mode, light mode, night mode.

Write down the palette you are on now. Then follow the steps on Plugins. It takes about a minute.

Each pair below is the same sample page. Light on the left, dark on the right.

Indigo and pink. The palette every site starts with.

Light

The sample Contact page in the Default palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Default, light.

Dark

The sample Contact page in the Default palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Default, dark.

Forest green and moss. Warm, natural tones.

Light

The sample Contact page in the Earth palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Earth, light.

Dark

The sample Contact page in the Earth palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Earth, dark.

Ocean blue and cyan. Cool and clean.

Light

The sample Contact page in the Blue palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Blue, light.

Dark

The sample Contact page in the Blue palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Blue, dark.

Ember orange and amber on near black. Sharp corners.

Light

The sample Contact page in the Ember Trail palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Ember Trail, light.

Dark

The sample Contact page in the Ember Trail palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Ember Trail, dark.

Pine green and teal. Rounded, pill-shaped buttons.

Light

The sample Contact page in the Pine Hollow palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Pine Hollow, light.

Dark

The sample Contact page in the Pine Hollow palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Pine Hollow, dark.

Azure and sky blue on a soft gray canvas.

Light

The sample Contact page in the River Bend palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

River Bend, light.

Dark

The sample Contact page in the River Bend palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

River Bend, dark.

Crimson and alpine blue. Big rounded corners and pill buttons.

Light

The sample Contact page in the Summit Ridge palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Summit Ridge, light.

Dark

The sample Contact page in the Summit Ridge palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Summit Ridge, dark.

Coral and plum on warm white. Cards that lift off the page.

Light

The sample Contact page in the Meadow Pass palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Meadow Pass, light.

Dark

The sample Contact page in the Meadow Pass palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Meadow Pass, dark.

Blue and green, with a soft tinted shadow.

Light

The sample Contact page in the Cedar Brook palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Cedar Brook, light.

Dark

The sample Contact page in the Cedar Brook palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Cedar Brook, dark.

Deep teal and sea green. Nearly flat and very calm.

Light

The sample Contact page in the Tide Pool palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Tide Pool, light.

Dark

The sample Contact page in the Tide Pool palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Tide Pool, dark.

Olive and honey gold.

Light

The sample Contact page in the Amber Harvest palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Amber Harvest, light.

Dark

The sample Contact page in the Amber Harvest palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Amber Harvest, dark.

Olive and bright gold.

Light

The sample Contact page in the Sunflower Field palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Sunflower Field, light.

Dark

The sample Contact page in the Sunflower Field palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Sunflower Field, dark.

Brown and terracotta. No gradients, just solid color.

Light

The sample Contact page in the Autumn Sage palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Autumn Sage, light.

Dark

The sample Contact page in the Autumn Sage palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Autumn Sage, dark.

Navy and warm cream.

Light

The sample Contact page in the Harbor Dawn palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Harbor Dawn, light.

Dark

The sample Contact page in the Harbor Dawn palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Harbor Dawn, dark.

Burnt orange and dusty blue.

Light

The sample Contact page in the Trailhead palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Trailhead, light.

Dark

The sample Contact page in the Trailhead palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Trailhead, dark.

Deep teal and butter gold.

Light

The sample Contact page in the Butter Lagoon palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Butter Lagoon, light.

Dark

The sample Contact page in the Butter Lagoon palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Butter Lagoon, dark.

Cinema red. No gradients, just solid color.

Light

The sample Contact page in the Marquee Red palette, light mode: the header, the Get in touch heading, the town buttons, and the form.

Marquee Red, light.

Dark

The sample Contact page in the Marquee Red palette, dark mode: the header, the Get in touch heading, the town buttons, and the form.

Marquee Red, dark.

You have a palette name written down, and your website wears it on the home page and on one inside page. If you changed your mind, the old name put it all back.

Next: Step 4: Replace the examples.

Checked against EmDash 0.34.0 and Lookout Ridge IT template 0.11.8 on August 21, 2026.