Pine Garden color palette — #D7EDD3 · #008E4A · #006145 · #003A30 · #01202B
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7EDD3): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008E4A): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006145): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003A30): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#01202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Worn Market color palette (#DEF1EA, #008B7F, #005357, #00343B, #08192E)
- Frosted Moss color palette (#E6E9D7, #5CA02C, #007859, #004845, #002329)
- Antique Workshop color palette (#E4E5D2, #6E8200, #335700, #003C0E, #002413)
- Patina Aqua color palette (#D3E7CD, #62CDDD, #4A96C2, #00603A, #002624)
- Antique Mulberry color palette (#E3EDDC, #008067, #99215C, #004436, #37001C)
- Lowlit Cypress color palette (#CEE4E4, #006E78, #003D4C, #001623, #030212)
- Quiet Aubergine color palette (#CDF0E8, #00695C, #5F299D, #5C3000, #001612)
- Hazy Lagoon color palette (#C7EFCC, #62BA95, #009580, #006764, #1B4861)
Browse the whole catalog at Explore, or see today's palette.