Pine Garden color palette — #D4F2EA · #368848 · #00523B · #442100 · #000807

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4F2EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#368848): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#442100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Antique Station color palette (#E2F5E9, #727C30, #295100, #540B0C, #000805)
• Aged Pine Basin color palette (#E5E5C6, #4C8B4E, #004926, #221B00, #000200)
• Soft Aubergine Harbor color palette (#D1EFE9, #3D8E1F, #770080, #134400, #0F0011)
• Cellar Station color palette (#C8E7DB, #00703B, #00332F, #2C0220, #000802)
• Emerald Corridor color palette (#E7E4CD, #519B68, #007262, #6F3333, #000802)
• Weathered Pine color palette (#D2E8DC, #869E40, #237407, #4E4600, #171E00)
• Chalky Lagoon color palette (#DDEDDD, #006B1F, #1327D1, #78010C, #000300)
• Denim Cabin color palette (#D7E2D9, #5DA09F, #006470, #003D2E, #000B11)

Browse the whole catalog at Explore, or see today's palette.