Montage

MQ5-16 / Behr
#7E8DA2

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

Spec Sheet

Hex#7E8DA2
RGB126, 141, 162
HSL215°, 16%, 56%
On White 3.38:1 AA Large
On Black 6.22:1 AA

For AI Tools

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

Background: #F3F5F6
Text: #1D2735
Accent: #7E8DA2
Support: #BC9F76
Neutral: #B0AEC7

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 Montage Palettes are free. Exports aren't.

#F3F5F6 background RGB 243 245 246
#1D2735 ink RGB 29 39 53
#7E8DA2 accent RGB 126 141 162
#BC9F76 support RGB 188 159 118
#B0AEC7 neutral RGB 176 174 199
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F3F5F6;
  --palette-ink: #1D2735;
  --palette-accent: #7E8DA2;
  --palette-support: #BC9F76;
  --palette-neutral: #B0AEC7;
}

Tailwind Config

{
  "palette-background": "#F3F5F6",
  "palette-ink": "#1D2735",
  "palette-accent": "#7E8DA2",
  "palette-support": "#BC9F76",
  "palette-neutral": "#B0AEC7"
}

Pro Exports Pro

Color Blindness Simulation

#868EA3
Protanopia
#828AA2
Deuteranopia
#759194
Tritanopia

Build a design system around Montage.