Pine Garden color palette — #DEF1DE · #00935D · #005548 · #00383B · #002129
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DEF1DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00935D): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005548): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#00383B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002129): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, 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
- Aged Cypress color palette (#C9ECDD, #008378, #004446, #002631, #090D22)
- Dusty Jade Archive color palette (#CCE8D2, #00B086, #008B77, #006664, #002327)
- Quiet Olive Studio color palette (#DEE2C8, #5C8B00, #005D16, #003A28, #002521)
- Worn Mulberry color palette (#D7EFF4, #007E76, #A50049, #00433E, #380014)
- Muted Mulberry Market color palette (#D3EAED, #00695D, #8E0053, #682500, #001612)
- Dusty Iris color palette (#D3EBEF, #64C7EC, #6987FD, #00571F, #002632)
- Feathered Teal Loft color palette (#E3F5EF, #00B0B1, #007385, #004D65, #003669)
- Quiet Harbor color palette (#F8EAD4, #FA1CAE, #00929D, #0B1921, #00070B)
Browse the whole catalog at Explore, or see today's palette.