Calypso Blue

Name: Calypso Blue
Brand: Behr

HDC-CL-27 / Behr

#317D8D

A deep, rich blue with composed depth. Evokes sky, sea, and serenity across virtually any room.

Spec Sheet

Hex#317D8D

RGB49, 125, 141

HSL190°, 48%, 37%

On White 4.72:1 AA

On Black 4.45:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E7EDEE
Text: #121A1C
Accent: #317D8D
Support: #995548
Neutral: #A8AFBD

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

#E7EDEE background RGB 231 237 238

#121A1C ink RGB 18 26 28

#317D8D accent RGB 49 125 141

#995548 support RGB 153 85 72

#A8AFBD neutral RGB 168 175 189

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E7EDEE;
  --palette-ink: #121A1C;
  --palette-accent: #317D8D;
  --palette-support: #995548;
  --palette-neutral: #A8AFBD;
}

Tailwind Config

{
  "palette-background": "#E7EDEE",
  "palette-ink": "#121A1C",
  "palette-accent": "#317D8D",
  "palette-support": "#995548",
  "palette-neutral": "#A8AFBD"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Calypso Blue.