Free tool

Brand colours

Pick a starting palette or enter your own brand colour. You get a four-colour system and a contrast check against the accessibility rules (WCAG 2.2).

Start from a palette
  • Ink#0A0A0AHeadings, body text, dark sections
  • Brand colour#F5C518Buttons and highlights, used sparingly
  • Background#FFFFFFPage and card backgrounds
  • Secondary#1F1F1FSupporting text and fine print

Preview

Your business, properly set up.

This is how body text and supporting text look on your background.

Book now

A dark section

With your brand colour as a highlight.

Contrast check

Normal text needs 4.5:1 to pass (AA). Large text needs 3:1.

PairingSampleRatioResult
Body text on your backgroundAa19.80:1AAA
Secondary text on your backgroundAa16.48:1AAA
Button text on your brand colourAa12.14:1AAA
Brand colour on dark sectionsAa12.14:1AAA
Brand colour as text on your backgroundAa1.63:1Fails

Use it on your site

:root {
  --brand-ink: #0A0A0A;
  --brand-accent: #F5C518;
  --brand-surface: #FFFFFF;
  --brand-muted: #1F1F1F;
  --brand-on-accent: #0A0A0A;
}

Want it done properly, for you?

A Kurongeka launch covers your domain, website, brand, payments and Google listing, at a fixed price in pounds.