Pine Garden color palette — #E8F5F3 · #8AC48D · #2C7DAC · #317538 · #02101B

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Mint Leaf (#8AC48D): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#2C7DAC): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#317538): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#02101B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Hushed Mustard color palette (#E8F6F0, #B1BC5E, #008686, #636B0A, #001116)
• Muted Indigo Cabin color palette (#E9F4F6, #5BCAAF, #6B6ABB, #007661, #090D1C)
• Tempered Fern color palette (#F5F6EE, #93BD7B, #546CAA, #416E20, #2C1F2A)
• Muted Lagoon color palette (#F4F7EE, #92D6AB, #459ABE, #3C9463, #172821)
• Linen Byzantium Meadow color palette (#DFF7FE, #00BFC3, #9D2DB6, #00696B, #0A051B)
• Washed Ultramarine color palette (#D0F6F8, #00AE85, #0055BA, #005A43, #00030D)
• Muted Onyx color palette (#C4FBCC, #54C5B2, #008395, #005273, #001B57)
• Faded Teal Bloom color palette (#FFEBF9, #03B599, #1C749C, #6B3333, #042730)

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