Melted Butter

Name: Melted Butter
Brand: Benjamin Moore

CSP-905 / Benjamin Moore

#F2E7BD

This distinct yellow carries amber undertones that keep it from tipping into sweetness.

Spec Sheet

Hex#F2E7BD

RGB242, 231, 189

HSL48°, 67%, 85%

On White 1.24:1 Fail

On Black 16.94:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F0EFEA
Text: #2C2816
Accent: #F2E7BD
Support: #7584BD
Neutral: #C4C9BB

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

#F0EFEA background RGB 240 239 234

#2C2816 ink RGB 44 40 22

#F2E7BD accent RGB 242 231 189

#7584BD support RGB 117 132 189

#C4C9BB neutral RGB 196 201 187

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0EFEA;
  --palette-ink: #2C2816;
  --palette-accent: #F2E7BD;
  --palette-support: #7584BD;
  --palette-neutral: #C4C9BB;
}

Tailwind Config

{
  "palette-background": "#F0EFEA",
  "palette-ink": "#2C2816",
  "palette-accent": "#F2E7BD",
  "palette-support": "#7584BD",
  "palette-neutral": "#C4C9BB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Melted Butter.