Mood Map

Navigate the NCS color space interactively. Each dot represents a color — positioned by hue (angle) and chromaticness (distance from center). Use the brightness slider to filter by depth.

Y · YellowR · RedB · BlueG · Green

Brightness Filter

Blackness: 20% (±15)
Light (0%)Medium (40%)Dark (80%)
🎨

Hover or click any dot

to explore a color

How to Read the Map

  • Angle — hue direction (Y/R/B/G on the edges)
  • Distance from center — chromaticness / saturation
  • Brightness slider — filters by blackness level
  • Click — select a color for actions

Browse by Family

blue

brown

cool

cool-neutral

green

neutral

orange

pink

red

teal

warm-neutral

white

yellow

Advertisement