Philippe Model Bleu
#506880Philippe Model's blue — a sophisticated slate-blue with grey warmth. Tailored and architectural, like a well-cut suit.
Spec Sheet
Hex#506880
RGB80, 104, 128
HSL210°, 23%, 41%
On White 5.78:1 AA
On Black 3.63:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAEDF0 Text: #1F2E3D Accent: #506880 Support: #987D61 Neutral: #BCBCD2 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 Philippe Model Bleu Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAEDF0;
--palette-ink: #1F2E3D;
--palette-accent: #506880;
--palette-support: #987D61;
--palette-neutral: #BCBCD2;
}Tailwind Config
{
"palette-background": "#EAEDF0",
"palette-ink": "#1F2E3D",
"palette-accent": "#506880",
"palette-support": "#987D61",
"palette-neutral": "#BCBCD2"
}Color Blindness Simulation
#5F6881
Protanopia#596380
Deuteranopia#406E70
TritanopiaBuild a design system around Philippe Model Bleu.