Pine Garden color palette — #FFF4E1 · #A7AA71 · #488A52 · #005C52 · #004355
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#A7AA71): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#488A52): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#004355): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Ancient Ridge color palette (#F0F1C3, #9ABD8F, #008572, #005667, #003879)
- Washed Pine color palette (#E5F0B9, #8DBD7F, #008C51, #005747, #002927)
- Worn Fern Cabin color palette (#FFEAE8, #D2AA83, #81771C, #355B00, #00483C)
- Sunlit Straw color palette (#FFECC9, #CFDC80, #74BE8B, #129A96, #00445D)
- Mulberry Lagoon color palette (#FFF2EE, #9F9B54, #007B6D, #74325F, #3D3E37)
- Timeworn Emerald color palette (#E9F4C4, #A9D298, #44A56B, #007B69, #004645)
- Sunlit Aubergine Studio color palette (#E4F5DF, #00AB90, #006677, #003466, #2B0065)
- Patina Orchard color palette (#FFF3E8, #B6B198, #778D6A, #8B4F2C, #5B4700)
Browse the whole catalog at Explore, or see today's palette.