Pine Garden color palette — #D7E9E7 · #B2C9CE · #92A8B6 · #1E7337 · #122321

Pine takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D7E9E7): bright and airy, almost weightless.
• Stone (#B2C9CE): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#92A8B6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#1E7337): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#122321): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Forest Station color palette (#D4E2E3, #A1B9C2, #7D99B3, #00624A, #00181A)
• Emerald Canyon color palette (#E5F1F1, #B1C3CD, #8EADC3, #009863, #092424)
• Petrol Alley color palette (#E7F0F5, #CDD8E9, #B4B6CA, #197D9D, #213039)
• Washed Workshop color palette (#D1E8DF, #20AC6E, #006F6C, #414A1C, #002211)
• Timeworn Cocoa Thicket color palette (#DCEAD5, #5AA998, #427199, #743D2B, #491808)
• Hushed Driftwood Dune color palette (#EDF8F7, #D4DCE4, #BBC1D5, #709B80, #414A49)
• Weathered Cypress color palette (#C8EFF6, #007064, #454149, #002838, #000C0E)
• Washed Hollow color palette (#E8DBED, #009B36, #00627B, #690434, #001B15)

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