Learning on Web Dev Open is free for all.

Design Craft > Colour with a point of viewNeutrals with a bias
Phase 02Colour with a point of view96 of 434

Neutrals with a bias

Pure grey belongs to no palette. Push every neutral a few degrees towards your accent hue and the whole surface starts reading as designed.

Build26 minAI off

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Build a neutral ramp with a consistent hue bias
  • Keep perceptual lightness steps even across the ramp
  • Replace every hard-coded grey in a page with a ramp step
Ask the community

Loading…