Atlantic Blue

600F-6 / Behr
#4D70A5

A muted blue with quiet confidence. Creates restful bedrooms and focused home offices.

Spec Sheet

Hex#4D70A5
RGB77, 112, 165
HSL216°, 36%, 47%
On White 5.03:1 AA
On Black 4.18:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #F4F5F6
Text: #101823
Accent: #4D70A5
Support: #A88148
Neutral: #C8C6D2

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

#F4F5F6 background RGB 244 245 246
#101823 ink RGB 16 24 35
#4D70A5 accent RGB 77 112 165
#A88148 support RGB 168 129 72
#C8C6D2 neutral RGB 200 198 210
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F4F5F6;
  --palette-ink: #101823;
  --palette-accent: #4D70A5;
  --palette-support: #A88148;
  --palette-neutral: #C8C6D2;
}

Tailwind Config

{
  "palette-background": "#F4F5F6",
  "palette-ink": "#101823",
  "palette-accent": "#4D70A5",
  "palette-support": "#A88148",
  "palette-neutral": "#C8C6D2"
}

Pro Exports Pro

Color Blindness Simulation

#5B74A7
Protanopia
#506BA4
Deuteranopia
#1F7C83
Tritanopia

Build a design system around Atlantic Blue.