Sapphire Sparkle

Name: Sapphire Sparkle
Brand: Behr

S-H-550 / Behr

#0D5AA4

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

Spec Sheet

Hex#0D5AA4

RGB13, 90, 164

HSL209°, 85%, 35%

On White 6.96:1 AA

On Black 3.02:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBEDEF
Text: #222C35
Accent: #0D5AA4
Support: #A77649
Neutral: #A2A2C3

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

#EBEDEF background RGB 235 237 239

#222C35 ink RGB 34 44 53

#0D5AA4 accent RGB 13 90 164

#A77649 support RGB 167 118 73

#A2A2C3 neutral RGB 162 162 195

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBEDEF;
  --palette-ink: #222C35;
  --palette-accent: #0D5AA4;
  --palette-support: #A77649;
  --palette-neutral: #A2A2C3;
}

Tailwind Config

{
  "palette-background": "#EBEDEF",
  "palette-ink": "#222C35",
  "palette-accent": "#0D5AA4",
  "palette-support": "#A77649",
  "palette-neutral": "#A2A2C3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Sapphire Sparkle.