In the Navy

PP-067 / Portola Paints
#2E3A50

A 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
Learn more about AI Palette

Design System from In the Navy Palettes are free. Exports aren't.

#E4E7EC background RGB 228 231 236
#0F151F ink RGB 15 21 31
#2E3A50 accent RGB 46 58 80
#847252 support RGB 132 114 82
#CCC9D9 neutral RGB 204 201 217
Processed in 0ms

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"
}

Pro Exports Pro

Color Blindness Simulation

#323B51
Protanopia
#2F3850
Deuteranopia
#233F42
Tritanopia

Build a design system around In the Navy.