Pine Garden color palette — #ECF9F0 · #8FA46D · #337247 · #335341 · #0C3F34
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Moss (#8FA46D): A luminous, balanced green — the color of new leaves after rain.
- Pine (#337247): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#335341): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#0C3F34): A deep, shadowed, dusty teal — the color of sea glass.
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
- Washed Summit color palette (#D7EAE1, #719962, #006546, #004650, #19300F)
- Olive Dune color palette (#F5F2E4, #A5A27B, #46722F, #454B12, #201D00)
- Timeworn Cypress color palette (#E3FBF7, #6DA993, #007172, #693E30, #193C3E)
- Fern Summit color palette (#E7FBF2, #AABC8C, #6C8B5A, #63682B, #113E34)
- Softworn Archive color palette (#FFE2EC, #AC8F00, #526300, #00503A, #382D00)
- Muted Lagoon Dune color palette (#EFF8EF, #A6CBB8, #5B8C81, #4C6C71, #3E5348)
- Patina Cypress color palette (#E3FAFF, #A0DEF3, #9EB6EF, #357853, #204754)
- Softworn Balcony color palette (#D1E3DE, #217E54, #00413C, #172800, #001409)
Browse the whole catalog at Explore, or see today's palette.