Brand & logo color, tested

Choose a platform color people remember — and can actually read.

A great brand color has to carry a button label, hold up as a logo on light and dark, and still feel calm. Try yours below and see the contrast math, live.

Open the color picker See the 3 rules

Body text minimum: 4.5:1
Logos & UI edges: 3:1
Label options: 2

Why color matters

Three rules for a platform color that works everywhere

Your color shows up as a button fill, a logo, a link and a badge. It has to survive all four.

Contrast before charm

A platform color must carry a label. Test near-black and white, then keep whichever clears 4.5:1.

Two backgrounds, one color

Check your logo on light and on dark. Aim for 3:1 on both, or plan a reversed version on purpose.

One loud accent

Follow 60-30-10. Save the vivid accent for the single action you most want people to take.

Interactive

Try your color on a real platform

Pick a swatch or type a hex. We test the button label and the logo on light and dark backgrounds.

1 · Pick a swatch

Primary

Primary deep

Secondary

Secondary soft

Accent

Accent deep

Highlight

Muted

2 · Or type a hex color

3 or 6 digits, for example 2B2D42.

3 · Nudge tint ↔ shade Original

Your color: #A4DF3B Use near-black labels

On light · #FBFCFA

Huemark

On dark · #2B2D42

Huemark

Button label on your color · needs 4.5:1 (WCAG AA text)
Your color on light background · needs 3:1 (logos, large text, UI)
Your color on dark background · needs 3:1 (logos, large text, UI)

Ready when you are

Get your platform color report

We’ll send a one-page brief: your tested color, the best label color, light and dark logo guidance and a 60-30-10 palette.