Pine Garden color palette — #DEE3D3 · #00894A · #006268 · #003862 · #03000B

Fern takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#DEE3D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#00894A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006268): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003862): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#03000B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Olive color palette (#E7E2C5, #6E7A00, #00664D, #003D4D, #01000F)
• Navy Dune color palette (#D4EFDE, #608C79, #287272, #044893, #0A082C)
• Wandering Boulevard color palette (#E8E9DD, #67AEB4, #008394, #005E59, #000B10)
• Washed Parlor color palette (#E1F0E2, #008286, #00579B, #4A007E, #060002)
• Softworn Pine color palette (#DFE1D2, #63976F, #00744D, #524900, #000902)
• Quiet Olive Meadow color palette (#E1ECD3, #538B00, #207400, #004B1A, #000D04)
• Fern Station color palette (#F1E8C5, #5C6100, #192700, #0D0F07, #020200)
• Inked Chestnut color palette (#FFE9EF, #774800, #003235, #130011, #030100)

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