Beacon Yellow

Name: Beacon Yellow
Brand: Behr

HDC-CL-16 / Behr

#F3C98C

A warm light orange that glows in natural light. Brings inviting energy to kitchens and gathering spaces.

Spec Sheet

Hex#F3C98C

RGB243, 201, 140

HSL36°, 81%, 75%

On White 1.55:1 Fail

On Black 13.54:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EAE6E1
Text: #231D16
Accent: #F3C98C
Support: #6981A5
Neutral: #C3C5AF

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

#EAE6E1 background RGB 234 230 225

#231D16 ink RGB 35 29 22

#F3C98C accent RGB 243 201 140

#6981A5 support RGB 105 129 165

#C3C5AF neutral RGB 195 197 175

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAE6E1;
  --palette-ink: #231D16;
  --palette-accent: #F3C98C;
  --palette-support: #6981A5;
  --palette-neutral: #C3C5AF;
}

Tailwind Config

{
  "palette-background": "#EAE6E1",
  "palette-ink": "#231D16",
  "palette-accent": "#F3C98C",
  "palette-support": "#6981A5",
  "palette-neutral": "#C3C5AF"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Beacon Yellow.