Hawthorne Yellow

Name: Hawthorne Yellow
Brand: Benjamin Moore

HC-4 / Benjamin Moore

#F5E1A4

This saturated yellow carries warm undertones that keep it from tipping into sweetness.

Spec Sheet

Hex#F5E1A4

RGB245, 225, 164

HSL45°, 80%, 80%

On White 1.3:1 Fail

On Black 16.19:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EDECE8
Text: #27241B
Accent: #F5E1A4
Support: #7784AC
Neutral: #D0D6BD

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

#EDECE8 background RGB 237 236 232

#27241B ink RGB 39 36 27

#F5E1A4 accent RGB 245 225 164

#7784AC support RGB 119 132 172

#D0D6BD neutral RGB 208 214 189

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDECE8;
  --palette-ink: #27241B;
  --palette-accent: #F5E1A4;
  --palette-support: #7784AC;
  --palette-neutral: #D0D6BD;
}

Tailwind Config

{
  "palette-background": "#EDECE8",
  "palette-ink": "#27241B",
  "palette-accent": "#F5E1A4",
  "palette-support": "#7784AC",
  "palette-neutral": "#D0D6BD"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Hawthorne Yellow.