On Location

M570-3 / Behr
#D9C9FB

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

Spec Sheet

Hex#D9C9FB
RGB217, 201, 251
HSL259°, 86%, 89%
On White 1.53:1 Fail
On Black 13.7:1 AAA

For AI Tools

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

Background: #F4F3F7
Text: #1C1826
Accent: #D9C9FB
Support: #859B55
Neutral: #BAADBD

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

#F4F3F7 background RGB 244 243 247
#1C1826 ink RGB 28 24 38
#D9C9FB accent RGB 217 201 251
#859B55 support RGB 133 155 85
#BAADBD neutral RGB 186 173 189
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F4F3F7;
  --palette-ink: #1C1826;
  --palette-accent: #D9C9FB;
  --palette-support: #859B55;
  --palette-neutral: #BAADBD;
}

Tailwind Config

{
  "palette-background": "#F4F3F7",
  "palette-ink": "#1C1826",
  "palette-accent": "#D9C9FB",
  "palette-support": "#859B55",
  "palette-neutral": "#BAADBD"
}

Pro Exports Pro

Color Blindness Simulation

#BFD1FD
Protanopia
#C2D0F9
Deuteranopia
#D3D0DA
Tritanopia

Build a design system around On Location.