Joanna

Name: Joanna
Brand: Little Greene

130 / Little Greene

#E8DFD1

A warm, honeyed off-white that has become a modern classic for those seeking a refined neutral.

Spec Sheet

Hex#E8DFD1

RGB232, 223, 209

HSL37°, 33%, 86%

On White 1.32:1 Fail

On Black 15.91:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F4F3F1
Text: #392F1D
Accent: #E8DFD1
Support: #5E82BA
Neutral: #BDBFAB

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

#F4F3F1 background RGB 244 243 241

#392F1D ink RGB 57 47 29

#E8DFD1 accent RGB 232 223 209

#5E82BA support RGB 94 130 186

#BDBFAB neutral RGB 189 191 171

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F4F3F1;
  --palette-ink: #392F1D;
  --palette-accent: #E8DFD1;
  --palette-support: #5E82BA;
  --palette-neutral: #BDBFAB;
}

Tailwind Config

{
  "palette-background": "#F4F3F1",
  "palette-ink": "#392F1D",
  "palette-accent": "#E8DFD1",
  "palette-support": "#5E82BA",
  "palette-neutral": "#BDBFAB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Joanna.