Pine Garden color palette — #D3F2EA · #2D8E5C · #005048 · #570F0F · #002020
Fern takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D3F2EA): A whisper-light, dusty teal — the color of sea glass.
- Fern (#2D8E5C): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#570F0F): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#002020): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance, 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 Villa color palette (#DAECE1, #678547, #00532F, #352F00, #00211B)
- Fern Balcony color palette (#E0F1E2, #7F7F27, #255100, #4C153E, #002115)
- Airy Emerald Archive color palette (#CEEDE7, #47AA61, #007349, #4F4500, #002209)
- Powdered Villa color palette (#D3F3EE, #3E921E, #820071, #144500, #32022B)
- Tempered Lantern color palette (#E1F3D4, #4E7B1E, #560087, #760026, #091600)
- Wandering Fern color palette (#FFF1F6, #AB9A60, #5B6B1A, #1C5742, #243C2D)
- Muted Field color palette (#C6ECE6, #7CCBB8, #0099BE, #4F5100, #00281A)
- Tempered Meadow color palette (#EFE0EA, #68ACAF, #006179, #00402B, #002139)
Browse the whole catalog at Explore, or see today's palette.