Metropolis
#B0B2B2A subtle, medium grey that holds its own without overwhelming. Works across contemporary and transitional interiors.
Spec Sheet
Hex#B0B2B2
RGB176, 178, 178
HSL180°, 1%, 69%
On White 2.13:1 Fail
On Black 9.86:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E4ECEC Text: #1B2828 Accent: #B0B2B2 Support: #9B4141 Neutral: #BAC2C9 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
Design System from Metropolis Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E4ECEC;
--palette-ink: #1B2828;
--palette-accent: #B0B2B2;
--palette-support: #9B4141;
--palette-neutral: #BAC2C9;
}Tailwind Config
{
"palette-background": "#E4ECEC",
"palette-ink": "#1B2828",
"palette-accent": "#B0B2B2",
"palette-support": "#9B4141",
"palette-neutral": "#BAC2C9"
}Color Blindness Simulation
#B2B2B2
Protanopia#B1B1B2
Deuteranopia#AFB2B2
TritanopiaBuild a design system around Metropolis.