The color gray: meaning and palettes to use it
Gray is the color nobody picks as their favorite and that shows up in almost every design. It's the one that keeps things in order. Here's what it means and how to use it so it adds instead of dulling.
Click a color to copy its code.
What the color gray means
It's linked to neutrality, balance, maturity, restraint and technology. It sits between white and black and conveys exactly that: a middle ground.
Its downside is sadness, monotony and lack of commitment: a gray day, a gray personality.
What gray says about a brand
It works as the base of almost any identity: secondary text, backgrounds, rules. In tech and architecture, gray conveys precision and modernity.
A warm gray (with a touch of brown) feels cozy; a cool gray (with a touch of blue), technical and clean. Picking the wrong shade is what makes a design look flat.
Not every shade of gray says the same thing
Pearl gray
Backgrounds and dividers.
Mid gray
Secondary text.
Slate gray
Cool and technical.
Warm gray
Cozy, with a hint of stone.
Palettes with gray to copy
Each swatch shows the contrast of the text that reads best on top of it. From 4.5:1 it works for body text.
Interface
Apps, websites, presentations
Stone
Architecture, interiors, real estate
Gray with an accent
Modern corporate
What goes with gray
- Goes well with
- Everything, especially a single bold accent color (orange, yellow, fuchsia).
- Use with care
- Mid gray for long text on a white background: check that it stays readable.
Gray around the world
In Spain and Mexico, much as in English, gray suggests restraint and sometimes sadness, or being “gray” in the sense of having no personality.
In fashion and contemporary architecture it is shorthand for understated elegance.
Design with this palette, for free
Copy the codes and take them to Polimake's design canvas: social posts, covers and thumbnails with your own photos, no subscription needed.
Frequently asked questions
- What goes with gray?
- Almost everything. It works especially well with a single bold accent color.
- Warm gray or cool gray?
- Warm for cozy spaces and food; cool for tech, health and technical design.