Pine Garden color palette — #EBFAED · #B5C28B · #3F8859 · #005B6B · #161B00
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B5C28B): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#3F8859): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005B6B): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#161B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Lagoon color palette (#E9FAEF, #BEDAAC, #3A9E7D, #316B84, #003029)
- Lagoon Market color palette (#E7FAF3, #8ECBA6, #008885, #4B571A, #001F0F)
- Frosted Olive color palette (#FFF0F7, #CFB97D, #668210, #673E74, #001F0C)
- Tempered Hollow color palette (#E2FDEF, #7CB27C, #007060, #004061, #000B01)
- Weathered Moss Coast color palette (#EDE3D3, #7D9741, #00663D, #004555, #2E2A08)
- Weathered Onyx Veranda color palette (#D8E5D9, #768049, #004921, #370024, #010100)
- Hushed Workshop color palette (#E5FCEB, #CBE2B1, #19AB77, #A0486D, #233500)
- Ancient Petrol color palette (#E9FAF3, #BBE4F4, #6CACA5, #547A9F, #17403E)
Browse the whole catalog at Explore, or see today's palette.