Classic French Gray

SW 2701 / Sherwin-Williams
#888782

A modern, whisper-quiet grey value offering the kind of nuance designers reach for repeatedly.

Spec Sheet

Hex#888782
RGB136, 135, 130
HSL50°, 2%, 52%
On White 3.6:1 AA Large
On Black 5.83:1 AA

For AI Tools

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

Background: #F2F1ED
Text: #312E21
Accent: #888782
Support: #5261AD
Neutral: #C3CBB4

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 Classic French Gray Palettes are free. Exports aren't.

#F2F1ED background RGB 242 241 237
#312E21 ink RGB 49 46 33
#888782 accent RGB 136 135 130
#5261AD support RGB 82 97 173
#C3CBB4 neutral RGB 195 203 180
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F2F1ED;
  --palette-ink: #312E21;
  --palette-accent: #888782;
  --palette-support: #5261AD;
  --palette-neutral: #C3CBB4;
}

Tailwind Config

{
  "palette-background": "#F2F1ED",
  "palette-ink": "#312E21",
  "palette-accent": "#888782",
  "palette-support": "#5261AD",
  "palette-neutral": "#C3CBB4"
}

Pro Exports Pro

Color Blindness Simulation

#888782
Protanopia
#888782
Deuteranopia
#898686
Tritanopia

Build a design system around Classic French Gray.