Grey Minimal

5 colors · Minimalism and neutral elegance
← All palettes

Palette colors

Pearl Grey
#F8F9FA · rgb(248,249,250) · hsl(210°,17%,98%)
Pearl Grey
#E9ECEF · rgb(233,236,239) · hsl(210°,16%,93%)
Medium Grey
#ADB5BD · rgb(173,181,189) · hsl(210°,11%,71%)
Anthracite
#495057 · rgb(73,80,87) · hsl(210°,9%,31%)
Night Grey
#212529 · rgb(33,37,41) · hsl(210°,11%,15%)

CSS Code


    

Using the Grey Minimal palette in design

The Grey Minimal palette evokes minimalism and neutral elegance. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Pearl Grey (#F8F9FA) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking minimalism and neutral elegance directly influences the emotional perception of your audience. The 5 colors of the Grey Minimal palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#989DA1
Colors 5
Dom. hue 207°
Avg. saturation 5%
Avg. lightness 61%
Tone Light
Quick export