Gris de Payne

RE0090 / Ressource
#485060

Payne's grey — the artist's favourite mixing grey with blue-black depth. Complex and atmospheric, it replaces black with sophistication.

Spec Sheet

Hex#485060
RGB72, 80, 96
HSL220°, 14%, 33%
On White 8.1:1 AAA
On Black 2.59:1 Fail

For AI Tools

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

Background: #F0F1F5
Text: #10151E
Accent: #485060
Support: #967940
Neutral: #B1ACC9

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 Gris de Payne Palettes are free. Exports aren't.

#F0F1F5 background RGB 240 241 245
#10151E ink RGB 16 21 30
#485060 accent RGB 72 80 96
#967940 support RGB 150 121 64
#B1ACC9 neutral RGB 177 172 201
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0F1F5;
  --palette-ink: #10151E;
  --palette-accent: #485060;
  --palette-support: #967940;
  --palette-neutral: #B1ACC9;
}

Tailwind Config

{
  "palette-background": "#F0F1F5",
  "palette-ink": "#10151E",
  "palette-accent": "#485060",
  "palette-support": "#967940",
  "palette-neutral": "#B1ACC9"
}

Pro Exports Pro

Color Blindness Simulation

#4B5161
Protanopia
#494F60
Deuteranopia
#425355
Tritanopia

Build a design system around Gris de Payne.