Chocolate Sparkle

Name: Chocolate Sparkle
Brand: Behr

770B-7 / Behr

#503A31

A dark, muted neutral with warm grounding. Pairs effortlessly with bolder accents without competing.

Spec Sheet

Hex#503A31

RGB80, 58, 49

HSL17°, 24%, 25%

On White 10.55:1 AAA

On Black 1.99:1 Fail

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F0ECEA
Text: #211612
Accent: #503A31
Support: #5FA4BF
Neutral: #C6C0A9

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

#F0ECEA background RGB 240 236 234

#211612 ink RGB 33 22 18

#503A31 accent RGB 80 58 49

#5FA4BF support RGB 95 164 191

#C6C0A9 neutral RGB 198 192 169

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0ECEA;
  --palette-ink: #211612;
  --palette-accent: #503A31;
  --palette-support: #5FA4BF;
  --palette-neutral: #C6C0A9;
}

Tailwind Config

{
  "palette-background": "#F0ECEA",
  "palette-ink": "#211612",
  "palette-accent": "#503A31",
  "palette-support": "#5FA4BF",
  "palette-neutral": "#C6C0A9"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Chocolate Sparkle.