Creamy Beige

2016-60 / Benjamin Moore
#FFEAC9

This saturated orange holds amber undertones, evoking fired clay and autumn foliage.

Spec Sheet

Hex#FFEAC9
RGB255, 234, 201
HSL37°, 100%, 89%
On White 1.18:1 Fail
On Black 17.86:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #F5F3F0
Text: #302B21
Accent: #FFEAC9
Support: #4772B8
Neutral: #D5D6CD

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

#F5F3F0 background RGB 245 243 240
#302B21 ink RGB 48 43 33
#FFEAC9 accent RGB 255 234 201
#4772B8 support RGB 71 114 184
#D5D6CD neutral RGB 213 214 205
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F5F3F0;
  --palette-ink: #302B21;
  --palette-accent: #FFEAC9;
  --palette-support: #4772B8;
  --palette-neutral: #D5D6CD;
}

Tailwind Config

{
  "palette-background": "#F5F3F0",
  "palette-ink": "#302B21",
  "palette-accent": "#FFEAC9",
  "palette-support": "#4772B8",
  "palette-neutral": "#D5D6CD"
}

Pro Exports Pro

Color Blindness Simulation

#F3EAC7
Protanopia
#F8EFCA
Deuteranopia
#FFE4E1
Tritanopia

Build a design system around Creamy Beige.