Pine Garden color palette — #E8F6EE · #8DBFB3 · #438560 · #505173 · #172C27

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Mint Leaf (#8DBFB3): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#438560): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#505173): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#172C27): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Boulevard color palette (#E8F6EF, #8AAB7E, #007753, #484062, #00221E)
• Muted Teal Canyon color palette (#F5F7E9, #C4E9CA, #66B08B, #5E7F6C, #343E00)
• Wandering Garden color palette (#F6F0F4, #BDE3F7, #4696C9, #006E62, #1A2C46)
• Aged Station color palette (#FAF5E8, #B4CEA2, #6A9C80, #886772, #474500)
• Weathered Coast color palette (#D2E8E0, #458A53, #005041, #43133D, #000A09)
• Hazy Cabin color palette (#F6EEFC, #D985AC, #52A856, #99356A, #122F13)
• Wandering Emerald color palette (#F6EEFF, #C26CA0, #219661, #007C70, #23192D)
• Pewter Balcony color palette (#F6EEFF, #EED2D9, #E5B586, #856A9F, #36293C)

Browse the whole catalog at Explore, or see today's palette.