Designers
ToolsDocsProAll the Possibles

All 141 tools / Colour and contrast

Read a palette's warm and cool balance and whether its area shares sit near a 60-30-10 split

Colour temperature mixFreeFor designers and brand teams

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.

#1b3a5c 55%, #f2efe6 30%, #e4572e 10%, #c9a227 5%

After: what comes back

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

4 colours with shares

#1b3a5c  oklch(0.343 0.07 252.4)  cool  55%
#f2efe6  oklch(0.952 0.012 91.5)  neutral  30%
#e4572e  oklch(0.637 0.184 36.5)  warm  10%
#c9a227  oklch(0.728 0.138 89.7)  warm  5%

Observations
  Warm 15%, cool 55%, neutral 30%. Weighted by chroma, the mix is balanced between warm and cool (index -0.21, from -1 cool to +1 warm).
  By the shares you gave, the largest colour takes 55%, the second 30% and everything else 15%. That sits close to a 60-30-10 split.
  Neutrals account for 30% of the area.
  Chroma runs from 0.07 to 0.184 (OKLCH), mean 0.131. The spread is moderate.
  Lightness runs from 0.343 to 0.952 (range 0.609); the darkest and lightest colours contrast 10.11:1. The range is moderate.
... full output on the tool page

What you get

Warm, cool and neutral shares, a warm/cool index, lightness range, and dominant, accent and neutral colours

What it cannot do

Temperature bands are hue conventions; the 60-30-10 test needs a share for every colour, otherwise it says it cannot be read.

Who it is for

  • Designers
  • Brand teams

Free and Pro

Free25 runs a day per IP address, up to 20,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 colour_temperature_mix. 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/colour-temperature-mix -H 'content-type: application/json' -d '{"colors":"#1b3a5c 55%, #f2efe6 30%, #e4572e 10%, #c9a227 5%"}'

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 colour and contrast

All colour and contrast tools