Neutral
A color with very low or zero chroma — grays, off-whites, and near-blacks that serve as the quiet foundation of most interfaces.
What it means
Neutrals are colors that appear to have no strong hue — grays, whites, blacks, and the near-colorless tones between them. In practice, true achromatic neutrals (OKLCH chroma = 0) are rare in design. Most "neutrals" carry a subtle undertone: warm grays lean brown or tan, cool grays lean blue or purple.
Neutrals typically make up 60–80% of a UI's surface area. They're the backgrounds, borders, text colors, and dividers that let chromatic accent colors stand out.
Why it matters in palette design
Choosing the right neutral family determines the baseline feel of your entire product. A warm neutral palette (tan/cream undertones) feels organic and approachable. A cool neutral palette (blue/slate undertones) feels technical and precise. Mixing neutral undertones within the same interface creates dissonance that users feel but can't name.
Common confusion
Neutral vs. gray: Not all neutrals are gray. Off-whites, warm beiges, cool slates, and tinted blacks are all neutrals. The defining characteristic is low chroma, not the absence of hue. A beige (#D4C5A9) is clearly a neutral even though it has visible color.
Example
PerfectPalette uses pure achromatic grays (OKLCH chroma 0) as its UI foundation so that user-created palettes are always the only color on screen. The intentionally zero-chroma neutrals prevent the tool itself from influencing how palette colors appear.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.