Noble Purple

S560-3 / Behr
#AFBDE5

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

Spec Sheet

Hex#AFBDE5
RGB175, 189, 229
HSL224°, 51%, 79%
On White 1.87:1 Fail
On Black 11.23:1 AAA

For AI Tools

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

Background: #E5E6EB
Text: #181F35
Accent: #AFBDE5
Support: #8D7F58
Neutral: #BEB9CF

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

#E5E6EB background RGB 229 230 235
#181F35 ink RGB 24 31 53
#AFBDE5 accent RGB 175 189 229
#8D7F58 support RGB 141 127 88
#BEB9CF neutral RGB 190 185 207
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E5E6EB;
  --palette-ink: #181F35;
  --palette-accent: #AFBDE5;
  --palette-support: #8D7F58;
  --palette-neutral: #BEB9CF;
}

Tailwind Config

{
  "palette-background": "#E5E6EB",
  "palette-ink": "#181F35",
  "palette-accent": "#AFBDE5",
  "palette-support": "#8D7F58",
  "palette-neutral": "#BEB9CF"
}

Pro Exports Pro

Color Blindness Simulation

#B1C0E7
Protanopia
#ADBBE4
Deuteranopia
#A2C5CA
Tritanopia

Build a design system around Noble Purple.