Designers
ToolsDocsProAll the Possibles

All 141 tools / Brand and naming

Pick which logo colourway to use on each background and see which backgrounds need a one-colour version

Logo colourwaysFreeFor brand teams and designers

25/day

free runs a day, no sign-in.

Before: what you give it

The example input, as typed in. You paste text, CSS, markup or notes.

colours:
  Ink #14213d
  Paper #fff8ec
  Flame #fca311
logo: #14213d, #fca311

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

Logo colours checked for the full colour version: #14213d, #fca311.
Threshold: 3:1 minimum for a logo shape, 4.5:1 comfortable. Ratios use the WCAG relative luminance formula.

On Ink #14213d:
  Full colour logo fails (lowest ratio 1:1).
  Use the Paper #fff8ec one-colour logo, ratio 15.13:1.
On Paper #fff8ec:
  Full colour logo fails (lowest ratio 1.92:1).
  Use the Ink #14213d one-colour logo, ratio 15.13:1.
On Flame #fca311:
  Full colour logo fails (lowest ratio 1:1).
  Use the Ink #14213d one-colour logo, ratio 7.9:1.
On white #ffffff:
  Full colour logo fails (lowest ratio 2.02:1).
... full output on the tool page

What you get

Per background: full-colour pass or fail, the one-colour fallback with ratios, and a suggested colourway set

What it cannot do

Judges contrast between colours only; it cannot see the logo artwork or any image behind it.

Who it is for

  • Brand teams
  • Designers

Free and Pro

Free25 runs a day per IP address, up to 30,000 characters a run.
ProNo daily limit, 300 requests a minute, up to 200,000 characters a run.

What each plan includes

Use it from your assistant

The tool is called logo_contrast_variants. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.

claude mcp add --transport http designers https://designers.allthepossibles.com/mcp
curl -X POST https://designers.allthepossibles.com/api/logo-contrast-variants -H 'content-type: application/json' -d '{"colours":"Ink #14213d\nPaper #fff8ec\nFlame #fca311","logo":"#14213d, #fca311"}'

Try it here

The form starts with the same example input, so you can run it first and then swap in your own.

More in brand and naming

All brand and naming tools