Puck

Name: Puck
Brand: Little Greene

298 / Little Greene

#4D7A62

A deep forest green with a blue lean, named after the mischievous woodland sprite of English folklore.

Spec Sheet

Hex#4D7A62

RGB77, 122, 98

HSL148°, 23%, 39%

On White 4.91:1 AA

On Black 4.28:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F0F4F2
Text: #183023
Accent: #4D7A62
Support: #BD518B
Neutral: #BDCBCB

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

#F0F4F2 background RGB 240 244 242

#183023 ink RGB 24 48 35

#4D7A62 accent RGB 77 122 98

#BD518B support RGB 189 81 139

#BDCBCB neutral RGB 189 203 203

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0F4F2;
  --palette-ink: #183023;
  --palette-accent: #4D7A62;
  --palette-support: #BD518B;
  --palette-neutral: #BDCBCB;
}

Tailwind Config

{
  "palette-background": "#F0F4F2",
  "palette-ink": "#183023",
  "palette-accent": "#4D7A62",
  "palette-support": "#BD518B",
  "palette-neutral": "#BDCBCB"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Puck.