Granite

Name: Granite
Brand: Fired Earth

FE055 / Fired Earth

#7A7A72

A deep warm grey with the mineral character of polished granite. Solid and grounding.

Spec Sheet

Hex#7A7A72

RGB122, 122, 114

HSL60°, 3%, 46%

On White 4.33:1 AA Large

On Black 4.85:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBEBE5
Text: #383823
Accent: #7A7A72
Support: #7979AF
Neutral: #CFD6C7

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

#EBEBE5 background RGB 235 235 229

#383823 ink RGB 56 56 35

#7A7A72 accent RGB 122 122 114

#7979AF support RGB 121 121 175

#CFD6C7 neutral RGB 207 214 199

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBEBE5;
  --palette-ink: #383823;
  --palette-accent: #7A7A72;
  --palette-support: #7979AF;
  --palette-neutral: #CFD6C7;
}

Tailwind Config

{
  "palette-background": "#EBEBE5",
  "palette-ink": "#383823",
  "palette-accent": "#7A7A72",
  "palette-support": "#7979AF",
  "palette-neutral": "#CFD6C7"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Granite.