Pine Garden color palette — #EBF1E1 · #008E4D · #006F5A · #00444C · #00090F
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#EBF1E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008E4D): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006F5A): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Weathered Lagoon Boulevard color palette (#CFF2E1, #008B84, #006F7B, #00425B, #00071D)
- Pine Parlor color palette (#CAE7D2, #00855E, #004B3E, #001918, #000102)
- Pale Pine Harbor color palette (#F3EED6, #6A8A00, #127413, #004737, #000E0E)
- Timeworn Atelier color palette (#CDE7EC, #009286, #CE0060, #00625A, #130004)
- Ancient Boulevard color palette (#E0F0E9, #008265, #B33100, #714300, #000201)
- Feathered Raspberry Coast color palette (#F5E3CB, #E40078, #008982, #001D1B, #000203)
- Hazy Terrace color palette (#D5E9D6, #00C4AE, #009B9C, #00789C, #002C4E)
- Powdered Iris color palette (#C2EFF6, #31BBE6, #8789FF, #5D7500, #001111)
Browse the whole catalog at Explore, or see today's palette.