Pine Garden color palette — #E5F7EB · #97A870 · #3B7345 · #4A3F65 · #00221A
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#97A870): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#3B7345): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#4A3F65): A deep, shadowed, dusty violet — the color of wild irises.
- Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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
- Wandering Fern Quarry color palette (#D4EDD4, #A09747, #446800, #3E3073, #191600)
- Timeworn Lagoon color palette (#E8F5F0, #9CBE9A, #4B826F, #55506F, #0C2D2A)
- Cypress Coast color palette (#ECF8F5, #77A5A0, #30724C, #005561, #003F3A)
- Lagoon Boulevard color palette (#F7F6E7, #B9DBB2, #649870, #336D75, #282A0B)
- Wandering Olive Veranda color palette (#DAEFE3, #608544, #005132, #341D47, #030A00)
- Misty Aubergine color palette (#E8E6FE, #AA7CBC, #008F86, #713886, #00221F)
- Cerulean Quarry color palette (#F7EFF5, #A5CFDF, #2787AB, #005D48, #002140)
- Stone Loft color palette (#F3EFFF, #F4CCDF, #D7A27A, #6C5D8A, #2E1C36)
Browse the whole catalog at Explore, or see today's palette.