Pine Garden color palette — #D9EBE4 · #8FAE70 · #388743 · #005D37 · #00362A
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9EBE4): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8FAE70): A luminous, balanced green — the color of fresh herbs.
- Fern (#388743): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005D37): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#00362A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Timeworn Olive color palette (#F4E4C2, #B1A862, #808613, #425600, #18300C)
- Linen Orchard color palette (#DCFFE9, #CFDE9B, #79B963, #007E62, #004444)
- Patina Lagoon color palette (#D2FBFD, #87C8AE, #1A9169, #00513A, #00190E)
- Ancient Lagoon Terrace color palette (#BCEEF1, #5DB3A6, #008682, #005861, #00313C)
- Hazy Market color palette (#FCE9BF, #A2B964, #008D3B, #006A4E, #3A5336)
- Worn Grove color palette (#E3F7F5, #73B585, #BA6EB0, #00793B, #3D1539)
- Lagoon Bloom color palette (#E0F7F7, #C3DBEE, #7DCDE4, #6A8F55, #0C393C)
- Cocoa Chapel color palette (#E7F7E8, #8EB79D, #8C7041, #6D4010, #032A1D)
Browse the whole catalog at Explore, or see today's palette.