Grey is the backbone of professional web design, offering neutrality and sophistication that lets content and accent colours take centre stage. It provides the structural palette for countless websites, from light silver backgrounds to dark charcoal navigation bars.
Curated inspiration sent every Tuesday
Unsubscribe at any time
Warm greys with subtle brown or pink undertones feel more inviting than pure neutral greys. Using a range of grey values to create clear visual hierarchy, combined with one or two strong accent colours for interactive elements, keeps the palette feeling intentional rather than lifeless.
Grey scales form the foundation of most design systems, defining text hierarchy, borders, backgrounds, and disabled states. A well-constructed grey scale typically includes eight to twelve steps from near-white to near-black, each serving a specific purpose in the interface.
