Grass Cloth

Name: Grass Cloth
Brand: Behr

400D-5 / Behr

#B1CF65

A medium, rich green rooted in the natural world. Brings calm balance to bedrooms, bathrooms, and living spaces.

Spec Sheet

Hex#B1CF65

RGB177, 207, 101

HSL77°, 52%, 60%

On White 1.75:1 Fail

On Black 11.98:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EEEFEC
Text: #2F3324
Accent: #B1CF65
Support: #8973BF
Neutral: #B0C4AB

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

#EEEFEC background RGB 238 239 236

#2F3324 ink RGB 47 51 36

#B1CF65 accent RGB 177 207 101

#8973BF support RGB 137 115 191

#B0C4AB neutral RGB 176 196 171

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EEEFEC;
  --palette-ink: #2F3324;
  --palette-accent: #B1CF65;
  --palette-support: #8973BF;
  --palette-neutral: #B0C4AB;
}

Tailwind Config

{
  "palette-background": "#EEEFEC",
  "palette-ink": "#2F3324",
  "palette-accent": "#B1CF65",
  "palette-support": "#8973BF",
  "palette-neutral": "#B0C4AB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Grass Cloth.