Shipyard

Name: Shipyard
Brand: Behr

S500-6 / Behr

#3B739D

A deep blue that balances cool clarity with emotional warmth. Works in coastal, traditional, and modern schemes.

Spec Sheet

Hex#3B739D

RGB59, 115, 157

HSL206°, 45%, 42%

On White 5.09:1 AA

On Black 4.13:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBEDF0
Text: #222F3A
Accent: #3B739D
Support: #AB7A54
Neutral: #C0C2D3

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

#EBEDF0 background RGB 235 237 240

#222F3A ink RGB 34 47 58

#3B739D accent RGB 59 115 157

#AB7A54 support RGB 171 122 84

#C0C2D3 neutral RGB 192 194 211

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBEDF0;
  --palette-ink: #222F3A;
  --palette-accent: #3B739D;
  --palette-support: #AB7A54;
  --palette-neutral: #C0C2D3;
}

Tailwind Config

{
  "palette-background": "#EBEDF0",
  "palette-ink": "#222F3A",
  "palette-accent": "#3B739D",
  "palette-support": "#AB7A54",
  "palette-neutral": "#C0C2D3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Shipyard.