Onyx

Onyx (#111111) is a deep neutral with a jewel character. It carries the deep, saturated richness of a gemstone. Authoritative and slightly formal, it works well for type and heavy UI elements. Its HSL profile (0°, 0%, 7%) places it in the muted band at a dark lightness. It works as a background, hairline border, or text color in dark UI. Swap to true black when you need maximum contrast. Pair it with almost any saturated accent. It's built to sit underneath or behind stronger colors without fighting them.

Related Colors