Harbor Fog

Name: Harbor Fog
Brand: Benjamin Moore

2062-70 / Benjamin Moore

#D3E7ED

A gentle, oceanic blue that reads as both calm and architectural.

Spec Sheet

Hex#D3E7ED

RGB211, 231, 237

HSL194°, 42%, 88%

On White 1.28:1 Fail

On Black 16.42:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F1F3F3
Text: #222C30
Accent: #D3E7ED
Support: #935A48
Neutral: #C4C7CF

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

#F1F3F3 background RGB 241 243 243

#222C30 ink RGB 34 44 48

#D3E7ED accent RGB 211 231 237

#935A48 support RGB 147 90 72

#C4C7CF neutral RGB 196 199 207

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F1F3F3;
  --palette-ink: #222C30;
  --palette-accent: #D3E7ED;
  --palette-support: #935A48;
  --palette-neutral: #C4C7CF;
}

Tailwind Config

{
  "palette-background": "#F1F3F3",
  "palette-ink": "#222C30",
  "palette-accent": "#D3E7ED",
  "palette-support": "#935A48",
  "palette-neutral": "#C4C7CF"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Harbor Fog.