In the Navy
#2E3A50A traditional nautical navy that strikes the perfect balance — not too light, not too dark. A timeless anchor for any palette.
Spec Sheet
Hex#2E3A50
RGB46, 58, 80
HSL219°, 27%, 25%
On White 11.43:1 AAA
On Black 1.84:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E4E7EC Text: #0F151F Accent: #2E3A50 Support: #847252 Neutral: #CCC9D9 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 In the Navy Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E4E7EC;
--palette-ink: #0F151F;
--palette-accent: #2E3A50;
--palette-support: #847252;
--palette-neutral: #CCC9D9;
}Tailwind Config
{
"palette-background": "#E4E7EC",
"palette-ink": "#0F151F",
"palette-accent": "#2E3A50",
"palette-support": "#847252",
"palette-neutral": "#CCC9D9"
}Color Blindness Simulation
#323B51
Protanopia#2F3850
Deuteranopia#233F42
TritanopiaBuild a design system around In the Navy.