Orange Zest

Name: Orange Zest
Brand: Behr

240B-6 / Behr

#F86634

A vivid, medium orange rooted in terracotta and spice. Pairs with cream, olive, and deep brown.

Spec Sheet

Hex#F86634

RGB248, 102, 52

HSL15°, 93%, 59%

On White 3.03:1 AA Large

On Black 6.94:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #ECE6E4
Text: #1B1513
Accent: #F86634
Support: #6897A6
Neutral: #DAD4C3

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

#ECE6E4 background RGB 236 230 228

#1B1513 ink RGB 27 21 19

#F86634 accent RGB 248 102 52

#6897A6 support RGB 104 151 166

#DAD4C3 neutral RGB 218 212 195

Processed in 0ms

CSS Variables

:root {
  --palette-background: #ECE6E4;
  --palette-ink: #1B1513;
  --palette-accent: #F86634;
  --palette-support: #6897A6;
  --palette-neutral: #DAD4C3;
}

Tailwind Config

{
  "palette-background": "#ECE6E4",
  "palette-ink": "#1B1513",
  "palette-accent": "#F86634",
  "palette-support": "#6897A6",
  "palette-neutral": "#DAD4C3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Orange Zest.