Shift palette colors toward a shared hue to unify them
For revising an existing categorical palette, use a shared hue shift on palette colors to improve aesthetics and mitigate colors that feel unrelated in one chart.
- purpose:refine
- basis:heuristic
- data:categorical
- quality:aesthetics
- lever:encoding
- polish:consistency
- channel:color-hue:use
- aesthetic:color:use
advice
Apply a shared hue shift
Move the palette slightly toward one shared hue when the colors feel disconnected. For example, place a colored layer above the swatches in an image editor, set it to Hue blend mode, then adjust the layer color or opacity; a light Overlay can also work.
reason
Why a shared hue unifies the palette
Colors often feel more related when they share some hue character. A small shared hue shift can make a palette feel like one family instead of a loose collection.
Mechanism: A shared hue ties disparate colors together visually, but too much shifting also shrinks the hue contrast that keeps categories distinct.
Evidence: The article recommends unifying colors by blending them with a colored layer in Hue mode, suggests adjusting transparency and sometimes using Overlay, and warns that the hue contrast between colors will become smaller after the blend (https://www.datawrapper.de/blog/create-good-color-palettes">Muth, 2024).
context
Use when a chosen palette feels disjointed
- User Goal: Make an existing palette feel more cohesive.
- Data: Categorical groups.
- Chart Setting: The chosen colors feel unrelated when shown together in one chart.
- Success Criterion: The palette looks more unified while categories remain distinguishable.
exceptions
Do not use when hue contrast is already barely sufficient
Break it when: The hue shift makes categories too hard to tell apart. Why: The blend reduces hue contrast between the colors.
costs
Tradeoffs of hue blending
Sacrifice: You give up some hue contrast. Risk: A strong blend can make once-distinct categories drift too close together. Mitigation: Use a small opacity change and recheck the palette after every adjustment.
mistakes
Common blending mistake
Mistake: Apply a strong hue blend and assume the palette is better just because it looks more unified. Why it fails: The same edit can also erase useful differences between categories.
check
Check cohesion without losing distinction
Failure Sign: After blending, categories look closer together than before. Quick Check: Compare the before and after palettes side by side in the actual chart. Stronger Test: Run the adjusted colors through the same distinguishability check you use for the original palette.
fix
Fix an over-blended palette
- Reduce the blend opacity.
- Change the blend color to a less aggressive shared hue.
- Try a lighter Overlay or revert the blend if the categories no longer separate well.