Magnetic Gray

N500-5 / Behr
#779096

A composed deep grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.

Spec Sheet

Hex#779096
RGB119, 144, 150
HSL192°, 13%, 53%
On White 3.38:1 AA Large
On Black 6.21:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #E6E9EA
Text: #202A2C
Accent: #779096
Support: #AB5D49
Neutral: #B4BCCF

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Magnetic Gray Palettes are free. Exports aren't.

#E6E9EA background RGB 230 233 234
#202A2C ink RGB 32 42 44
#779096 accent RGB 119 144 150
#AB5D49 support RGB 171 93 73
#B4BCCF neutral RGB 180 188 207
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E6E9EA;
  --palette-ink: #202A2C;
  --palette-accent: #779096;
  --palette-support: #AB5D49;
  --palette-neutral: #B4BCCF;
}

Tailwind Config

{
  "palette-background": "#E6E9EA",
  "palette-ink": "#202A2C",
  "palette-accent": "#779096",
  "palette-support": "#AB5D49",
  "palette-neutral": "#B4BCCF"
}

Pro Exports Pro

Color Blindness Simulation

#8B8E96
Protanopia
#868A96
Deuteranopia
#6E9392
Tritanopia

Build a design system around Magnetic Gray.