Pine Garden color palette — #E0E4D5 · #008335 · #006A91 · #653B00 · #020200

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

The five colors

• Parchment (#E0E4D5): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#008335): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006A91): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#653B00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Dusty Garnet color palette (#EBF2DA, #637700, #006F74, #811C00, #010200)
• Muted Ultramarine color palette (#D7ECD1, #007E72, #3156C4, #524600, #000200)
• Timeworn Emerald Grove color palette (#E8EFDE, #00A46F, #00727B, #006945, #000301)
• Airy Amethyst Coast color palette (#DAF9E3, #008B9D, #7B4FD1, #426000, #000607)
• Dusty Lagoon color palette (#D6ECE7, #009691, #006C73, #004753, #000407)
• Navy Archive color palette (#E7F2E1, #008D83, #006671, #302589, #000404)
• Softworn Cypress color palette (#DCE3D8, #8AAA9E, #6B9389, #007461, #060B03)
• Lowlit Hollow color palette (#D6E9E6, #216D21, #32007E, #330018, #000200)

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