Heraldic

MQ5-44 / Behr
#454064

A composed dark grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.

Spec Sheet

Hex#454064
RGB69, 64, 100
HSL248°, 22%, 32%
On White 9.68:1 AAA
On Black 2.17:1 Fail

For AI Tools

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

Background: #E8E7EE
Text: #1F1E2A
Accent: #454064
Support: #B4BE6F
Neutral: #C9C1CD

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

#E8E7EE background RGB 232 231 238
#1F1E2A ink RGB 31 30 42
#454064 accent RGB 69 64 100
#B4BE6F support RGB 180 190 111
#C9C1CD neutral RGB 201 193 205
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E8E7EE;
  --palette-ink: #1F1E2A;
  --palette-accent: #454064;
  --palette-support: #B4BE6F;
  --palette-neutral: #C9C1CD;
}

Tailwind Config

{
  "palette-background": "#E8E7EE",
  "palette-ink": "#1F1E2A",
  "palette-accent": "#454064",
  "palette-support": "#B4BE6F",
  "palette-neutral": "#C9C1CD"
}

Pro Exports Pro

Color Blindness Simulation

#364565
Protanopia
#364463
Deuteranopia
#3E464D
Tritanopia

Build a design system around Heraldic.