Midnight Navy

Name: Midnight Navy
Brand: Benjamin Moore

2067-10 / Benjamin Moore

#333356

This measured blue carries steely depth, evoking the distance between sky and sea.

Spec Sheet

Hex#333356

RGB51, 51, 86

HSL240°, 26%, 27%

On White 12.01:1 AAA

On Black 1.75:1 Fail

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E3E3E8
Text: #1E1E29
Accent: #333356
Support: #BBBB54
Neutral: #BFB8C7

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 Midnight Navy Palettes are free. Exports aren't.

#E3E3E8 background RGB 227 227 232

#1E1E29 ink RGB 30 30 41

#333356 accent RGB 51 51 86

#BBBB54 support RGB 187 187 84

#BFB8C7 neutral RGB 191 184 199

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E3E3E8;
  --palette-ink: #1E1E29;
  --palette-accent: #333356;
  --palette-support: #BBBB54;
  --palette-neutral: #BFB8C7;
}

Tailwind Config

{
  "palette-background": "#E3E3E8",
  "palette-ink": "#1E1E29",
  "palette-accent": "#333356",
  "palette-support": "#BBBB54",
  "palette-neutral": "#BFB8C7"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Midnight Navy.