Practical color guide
Neutral Color Palette Guide: Gray, Beige, Slate and Off-White
Build clean neutral palettes for professional websites, dashboards and readable content pages.
Reviewed and maintained by Codes Color HTML
Open related toolWhy neutral palettes matter
Neutral colors carry most of a website: page backgrounds, text, borders, dividers, cards and disabled states. A good neutral scale makes the interface feel stable.
Build a neutral scale
Use very light neutrals for backgrounds, middle values for borders and muted text, and dark neutrals for headings and body text.
Add color carefully
A neutral palette becomes stronger when paired with one clear accent color for actions and links.
Frequently asked questions
Are neutral palettes boring?
No. Neutral palettes make content easier to read and give accent colors more impact.
Which neutral is best for dashboards?
Slate and gray palettes usually work well for dashboards because they stay quiet and readable.