Warm Spring

560B-6 / Behr
#3C9AF2

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

Spec Sheet

Hex#3C9AF2
RGB60, 154, 242
HSL209°, 87%, 59%
On White 2.96:1 Fail
On Black 7.1:1 AAA

For AI Tools

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

Background: #ECEDEF
Text: #1F272E
Accent: #3C9AF2
Support: #99795C
Neutral: #BEBFD5

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

#ECEDEF background RGB 236 237 239
#1F272E ink RGB 31 39 46
#3C9AF2 accent RGB 60 154 242
#99795C support RGB 153 121 92
#BEBFD5 neutral RGB 190 191 213
Processed in 0ms

CSS Variables

:root {
  --palette-background: #ECEDEF;
  --palette-ink: #1F272E;
  --palette-accent: #3C9AF2;
  --palette-support: #99795C;
  --palette-neutral: #BEBFD5;
}

Tailwind Config

{
  "palette-background": "#ECEDEF",
  "palette-ink": "#1F272E",
  "palette-accent": "#3C9AF2",
  "palette-support": "#99795C",
  "palette-neutral": "#BEBFD5"
}

Pro Exports Pro

Color Blindness Simulation

#719FF6
Protanopia
#568EF0
Deuteranopia
#00AFBA
Tritanopia

Build a design system around Warm Spring.