Pine Garden color palette — #D0F4ED · #7ABD86 · #008E5A · #376924 · #003913
Built around Fern, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D0F4ED): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#7ABD86): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008E5A): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#376924): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003913): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Sunlit Olive Corridor color palette (#DAF2E6, #A4B554, #5D8700, #296B30, #2B3200)
- Frosted Harbor color palette (#F5F7E3, #6FDF8A, #009660, #346622, #00260C)
- Emerald Courtyard color palette (#D6F3E9, #53A765, #006A58, #3D4900, #013914)
- Lagoon Garden color palette (#E7FAF5, #9EBF97, #519160, #3D6C6F, #143D38)
- Feathered Mint Dune color palette (#F0ECD3, #71DB86, #00B092, #748337, #003912)
- Lagoon Workshop color palette (#D6EAEA, #2F977E, #006057, #004144, #00140E)
- Indigo Terrace color palette (#D2F5FE, #009DB7, #7164FC, #008539, #002932)
- Dusty Alley color palette (#E7FAF6, #80DBE7, #009DB6, #007270, #003949)
Browse the whole catalog at Explore, or see today's palette.