Pine Garden color palette — #DCE7DD · #008052 · #004C3A · #001411 · #000202

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DCE7DD): bright and airy, almost weightless.
• Teal (#008052): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001411): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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

• Midnight Forest Field color palette (#E3EED4, #016818, #003A30, #001415, #000102)
• Moonless Field color palette (#D9EEED, #007A82, #004152, #001622, #000104)
• Dusty Drift color palette (#EFF3D6, #5A7E00, #0E4802, #00220C, #000201)
• Dusty Mulberry Studio color palette (#DDEED5, #007D6B, #99005D, #00332B, #040001)
• Linen Delta color palette (#D4EBCE, #00625A, #61009B, #4A2900, #000201)
• Ancient Azure color palette (#E1F1DD, #58C9DA, #3D9CD8, #00573A, #000102)
• Linen Mint color palette (#B0F9DD, #00D1B8, #008782, #004E56, #001E25)
• Peony Atelier color palette (#FEEACF, #DC00B3, #008194, #060A0E, #000201)

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