Sage

Name: Sage
Brand: Fired Earth

FE095 / Fired Earth

#98A488

A classic herbaceous green with grey undertones, like dried sage leaves. Perennial and calming.

Spec Sheet

Hex#98A488

RGB152, 164, 136

HSL86°, 13%, 59%

On White 2.62:1 Fail

On Black 8:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBEEE7
Text: #2B371B
Accent: #98A488
Support: #8563B0
Neutral: #BCCEBA

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

#EBEEE7 background RGB 235 238 231

#2B371B ink RGB 43 55 27

#98A488 accent RGB 152 164 136

#8563B0 support RGB 133 99 176

#BCCEBA neutral RGB 188 206 186

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBEEE7;
  --palette-ink: #2B371B;
  --palette-accent: #98A488;
  --palette-support: #8563B0;
  --palette-neutral: #BCCEBA;
}

Tailwind Config

{
  "palette-background": "#EBEEE7",
  "palette-ink": "#2B371B",
  "palette-accent": "#98A488",
  "palette-support": "#8563B0",
  "palette-neutral": "#BCCEBA"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Sage.