
INTERACTIVE COLOUR DESIGN LAB
Your Palette vs. Emotional Direction
Design A is your palette. Change its colours manually and they stay exactly as selected. Choose an emotional direction below to change Design B only. Compare how the same message can feel different through colour, shape and typography.
01 / Your palette — Design A
60% Dominant
30% Secondary
10% Accent
These proportions are a flexible starting point. Adjust the accent coverage to see how its visual influence changes.
02 / Live comparison
DESIGN AYOUR PALETTE
A DIFFERENT WAY TO SEE THINGS
MAKE
IT MATTER
Good design directs attention. Colour helps people know where to look next.
Explore the ideaDESIGN / THINK / CREATE
Your chosen colours control this design.
DESIGN BTRUST
CONFIDENCE IN EVERY DETAIL
BUILT ON
TRUST
Clarity, consistency and confidence in every detail.
Discover moreA CLEARER WAY FORWARD
A calm palette signals stability and clarity.
03 / Choose a different emotional direction
These presets change Design B's palette, headline treatment, decorative shapes and copy. Design A remains untouched.
04 / What changed?
Visual hierarchyA calm accent makes the call to action distinct.
Emotional toneCool blues and neutrals can suggest stability.
Design A contrastContrast is checked separately for your chosen palette.
Design A readability check
Calculating contrast…
Calculating contrast…
Colour associations are contextual, not guaranteed reactions. Always test the palette against the audience, culture, brand and message.