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.