Normandy Blue
#6688A0A Heritage mid-blue with the coastal quality of the French channel. Period-appropriate yet fresh and contemporary.
Spec Sheet
Hex#6688A0
RGB102, 136, 160
HSL205°, 23%, 51%
On White 3.75:1 AA Large
On Black 5.59:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E7EBEE Text: #1F2D38 Accent: #6688A0 Support: #A28671 Neutral: #AEAFC2 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 Normandy Blue Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E7EBEE;
--palette-ink: #1F2D38;
--palette-accent: #6688A0;
--palette-support: #A28671;
--palette-neutral: #AEAFC2;
}Tailwind Config
{
"palette-background": "#E7EBEE",
"palette-ink": "#1F2D38",
"palette-accent": "#6688A0",
"palette-support": "#A28671",
"palette-neutral": "#AEAFC2"
}Color Blindness Simulation
#7E87A1
Protanopia#7681A0
Deuteranopia#528E90
TritanopiaBuild a design system around Normandy Blue.