Blue Gossamer

MQ3-60 / Behr
#CAD4DF

A light, muted grey that bridges warm and cool schemes. Versatile enough for walls, trim, or cabinetry.

Spec Sheet

Hex#CAD4DF
RGB202, 212, 223
HSL211°, 25%, 83%
On White 1.5:1 Fail
On Black 13.99:1 AAA

For AI Tools

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

Background: #E2E5E9
Text: #202932
Accent: #CAD4DF
Support: #A68159
Neutral: #A09FC6

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

#E2E5E9 background RGB 226 229 233
#202932 ink RGB 32 41 50
#CAD4DF accent RGB 202 212 223
#A68159 support RGB 166 129 89
#A09FC6 neutral RGB 160 159 198
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E2E5E9;
  --palette-ink: #202932;
  --palette-accent: #CAD4DF;
  --palette-support: #A68159;
  --palette-neutral: #A09FC6;
}

Tailwind Config

{
  "palette-background": "#E2E5E9",
  "palette-ink": "#202932",
  "palette-accent": "#CAD4DF",
  "palette-support": "#A68159",
  "palette-neutral": "#A09FC6"
}

Pro Exports Pro

Color Blindness Simulation

#D0D4E0
Protanopia
#CED2DF
Deuteranopia
#C5D6D7
Tritanopia

Build a design system around Blue Gossamer.