Sweet Harbor

Name: Sweet Harbor
Brand: Behr

630C-2 / Behr

#DEE7FA

A very light, vivid blue with composed depth. Evokes sky, sea, and serenity across virtually any room.

Spec Sheet

Hex#DEE7FA

RGB222, 231, 250

HSL221°, 74%, 93%

On White 1.24:1 Fail

On Black 16.92:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E3E4E8
Text: #20293C
Accent: #DEE7FA
Support: #B29D70
Neutral: #B2AFC0

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

#E3E4E8 background RGB 227 228 232

#20293C ink RGB 32 41 60

#DEE7FA accent RGB 222 231 250

#B29D70 support RGB 178 157 112

#B2AFC0 neutral RGB 178 175 192

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E3E4E8;
  --palette-ink: #20293C;
  --palette-accent: #DEE7FA;
  --palette-support: #B29D70;
  --palette-neutral: #B2AFC0;
}

Tailwind Config

{
  "palette-background": "#E3E4E8",
  "palette-ink": "#20293C",
  "palette-accent": "#DEE7FA",
  "palette-support": "#B29D70",
  "palette-neutral": "#B2AFC0"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Sweet Harbor.