Ocean Boulevard

PPU13-10 / Behr
#A3C7C9

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

Spec Sheet

Hex#A3C7C9
RGB163, 199, 201
HSL183°, 26%, 71%
On White 1.82:1 Fail
On Black 11.57:1 AAA

For AI Tools

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

Background: #E9ECED
Text: #172F30
Accent: #A3C7C9
Support: #9B6C69
Neutral: #C9CED4

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

#E9ECED background RGB 233 236 237
#172F30 ink RGB 23 47 48
#A3C7C9 accent RGB 163 199 201
#9B6C69 support RGB 155 108 105
#C9CED4 neutral RGB 201 206 212
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E9ECED;
  --palette-ink: #172F30;
  --palette-accent: #A3C7C9;
  --palette-support: #9B6C69;
  --palette-neutral: #C9CED4;
}

Tailwind Config

{
  "palette-background": "#E9ECED",
  "palette-ink": "#172F30",
  "palette-accent": "#A3C7C9",
  "palette-support": "#9B6C69",
  "palette-neutral": "#C9CED4"
}

Pro Exports Pro

Color Blindness Simulation

#C2C4C9
Protanopia
#BABEC9
Deuteranopia
#97CAC7
Tritanopia

Build a design system around Ocean Boulevard.