Oatmeal

Name: Oatmeal
Brand: Benjamin Moore

268 / Benjamin Moore

#ECE3CA

A gentle, golden brown that reads as organic and architecturally honest.

Spec Sheet

Hex#ECE3CA

RGB236, 227, 202

HSL44°, 47%, 86%

On White 1.28:1 Fail

On Black 16.41:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #ECEBE9
Text: #302C22
Accent: #ECE3CA
Support: #5F77B9
Neutral: #CDCFC4

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

#ECEBE9 background RGB 236 235 233

#302C22 ink RGB 48 44 34

#ECE3CA accent RGB 236 227 202

#5F77B9 support RGB 95 119 185

#CDCFC4 neutral RGB 205 207 196

Processed in 0ms

CSS Variables

:root {
  --palette-background: #ECEBE9;
  --palette-ink: #302C22;
  --palette-accent: #ECE3CA;
  --palette-support: #5F77B9;
  --palette-neutral: #CDCFC4;
}

Tailwind Config

{
  "palette-background": "#ECEBE9",
  "palette-ink": "#302C22",
  "palette-accent": "#ECE3CA",
  "palette-support": "#5F77B9",
  "palette-neutral": "#CDCFC4"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Oatmeal.