Pine Garden color palette — #E7FAF7 · #8ACD9B · #008C5E · #385B31 · #001F0A

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF7): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#8ACD9B): A luminous, balanced teal — the color of glacier melt.
• Fern (#008C5E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#385B31): A full-bodied, dusty green — the color of new leaves after rain.
• Ink (#001F0A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance, 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

• Muted Olive color palette (#E8FAF1, #B2C574, #598606, #565409, #001E16)
• Worn Meadow color palette (#E6FAF8, #A7DFC3, #00A182, #486D52, #0E2D2E)
• Weathered Courtyard color palette (#CFEEED, #2B8E6A, #00473A, #002120, #000202)
• Wandering Turquoise Loft color palette (#B1FFFB, #00BFC5, #008E9A, #00505C, #00232D)
• Weathered Orchard color palette (#E8E8D0, #699B75, #00654C, #2C4017, #101400)
• Timeworn Moss color palette (#E7FBEF, #A7A849, #586800, #21460F, #000A05)
• Quiet Moss Corridor color palette (#D1E7DF, #6E9F3C, #135E07, #00351F, #010200)
• Teal Garden color palette (#EEF7F6, #C6DAF3, #81BEA2, #698D93, #354B4A)

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