Seagrass

Name: Seagrass
Brand: Zoffany

ZOFF087 / Zoffany

#B3B89C

A natural green-grey with the organic character of woven sea grass matting. Calm and grounding.

Spec Sheet

Hex#B3B89C

RGB179, 184, 156

HSL71°, 16%, 67%

On White 2.05:1 Fail

On Black 10.25:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E9EAE6
Text: #31361C
Accent: #B3B89C
Support: #605496
Neutral: #B7C2B2

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

#E9EAE6 background RGB 233 234 230

#31361C ink RGB 49 54 28

#B3B89C accent RGB 179 184 156

#605496 support RGB 96 84 150

#B7C2B2 neutral RGB 183 194 178

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E9EAE6;
  --palette-ink: #31361C;
  --palette-accent: #B3B89C;
  --palette-support: #605496;
  --palette-neutral: #B7C2B2;
}

Tailwind Config

{
  "palette-background": "#E9EAE6",
  "palette-ink": "#31361C",
  "palette-accent": "#B3B89C",
  "palette-support": "#605496",
  "palette-neutral": "#B7C2B2"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Seagrass.