Pine Garden color palette — #E5FBF4 · #81B183 · #007D58 · #713D5A · #1E4422
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#81B183): A luminous, balanced green — the color of fresh herbs.
- Teal (#007D58): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#713D5A): A full-bodied, balanced rose — the color of strawberry cream.
- Forest (#1E4422): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Hushed Olive Basin color palette (#E8FBED, #A7A76C, #577515, #714143, #3E3D12)
- Gentle Cypress Coast color palette (#E0F9ED, #84B785, #007D6C, #663867, #06280A)
- Ancient Cypress color palette (#E5FAF8, #6DA6AA, #227069, #58425C, #073D40)
- Emerald Villa color palette (#CEF5E8, #62A55B, #006C45, #67330D, #0F380C)
- Lagoon Workshop color palette (#FBF5E2, #97CA99, #009C89, #855586, #1C4520)
- Lagoon Orchard color palette (#ECF8F5, #9CCBC9, #5A8B8F, #785D67, #3A5251)
- Pale Bronze color palette (#DFFFE1, #AFE6C4, #A4C98C, #B55D2C, #53431B)
- Aged Fern color palette (#D8F0DE, #7E7E3A, #364E00, #54141B, #1C1C00)
Browse the whole catalog at Explore, or see today's palette.