Coconut Grove

Name: Coconut Grove
Brand: Behr

MQ6-62 / Behr

#666C44

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

Spec Sheet

Hex#666C44

RGB102, 108, 68

HSL69°, 23%, 35%

On White 5.54:1 AA

On Black 3.79:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EBECE4
Text: #26281B
Accent: #666C44
Support: #5C5487
Neutral: #C6D6BD

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

#EBECE4 background RGB 235 236 228

#26281B ink RGB 38 40 27

#666C44 accent RGB 102 108 68

#5C5487 support RGB 92 84 135

#C6D6BD neutral RGB 198 214 189

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EBECE4;
  --palette-ink: #26281B;
  --palette-accent: #666C44;
  --palette-support: #5C5487;
  --palette-neutral: #C6D6BD;
}

Tailwind Config

{
  "palette-background": "#EBECE4",
  "palette-ink": "#26281B",
  "palette-accent": "#666C44",
  "palette-support": "#5C5487",
  "palette-neutral": "#C6D6BD"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Coconut Grove.