Step one of three

Colour first,
then everything else.

Click anywhere on the panel to lift that exact pixel. Mich turns it into a full palette, six harmonies, and type pairings ranked against the colours you have already hearted.

Try it here

Click the panel
#7C6011

Step two adds harmonies, contrast scoring, and export.

Your library

Nothing saved yet

Hearted colours

Hearted palettes

Hearted type pairings

Source image

No image yet

Drop an image to pull its palette

Six dominant colours come out by median cut. After that, click anywhere on the image to sample that exact pixel and save it.

Or start from a sample

Selected

#7C6011
Hex#7C6011
RGBrgb(124, 96, 17)
HSLhsl(44, 76%, 28%)
0on white
0on black

Sampled this session

Your palette

Harmonies

Click a band to select it

Type pairings

Ranked for this palette

Live component library

Re-skins on every change

Checkout

Every component below is driven by the palette above. No component knows a hex value, only a role.

Buttons

Form states

We send the receipt here.
Email me updates

Cards

Standard

Arrives in 5 days

Express

Arrives tomorrow

Pickup

Ready in 2 hours

Animation

0%

Selected

#7C6011
0on white
0on black

Colour associations

Neutral

These associations are Western design and marketing convention, documented by usage rather than proven by cause. Treat them as a starting point for a brief, not a rule about how people will feel.

Export