Magnolia Blossom

Name: Magnolia Blossom
Brand: Behr

W-B-300 / Behr

#FAFCE5

A very light, vivid yellow that captures natural light. Lifts kitchens, entryways, and sunrooms with optimistic energy.

Spec Sheet

Hex#FAFCE5

RGB250, 252, 229

HSL65°, 79%, 94%

On White 1.04:1 Fail

On Black 20.12:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBEBE5
Text: #1B1C12
Accent: #FAFCE5
Support: #6057BC
Neutral: #B0C3A2

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

#EBEBE5 background RGB 235 235 229

#1B1C12 ink RGB 27 28 18

#FAFCE5 accent RGB 250 252 229

#6057BC support RGB 96 87 188

#B0C3A2 neutral RGB 176 195 162

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBEBE5;
  --palette-ink: #1B1C12;
  --palette-accent: #FAFCE5;
  --palette-support: #6057BC;
  --palette-neutral: #B0C3A2;
}

Tailwind Config

{
  "palette-background": "#EBEBE5",
  "palette-ink": "#1B1C12",
  "palette-accent": "#FAFCE5",
  "palette-support": "#6057BC",
  "palette-neutral": "#B0C3A2"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Magnolia Blossom.