Pine Garden color palette — #E4F8EA · #A1AF7C · #317D3E · #5D4A00 · #1D2400

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E4F8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A1AF7C): A luminous, dusty green — the color of new leaves after rain.
• Olive (#317D3E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#1D2400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Cypress color palette (#E9F5F0, #7DAAA4, #067659, #474A16, #00221F)
• Misty Olive Drift color palette (#E3FCF0, #99AE5A, #4B7800, #545417, #134437)
• Aged Garnet Thicket color palette (#E4F7F0, #7DB889, #007D69, #812930, #02280F)
• Fern Veranda color palette (#D3EDD5, #9A9952, #386A00, #004940, #181700)
• Chalky Moss Workshop color palette (#FBF5E3, #D3DFAD, #7C9F50, #716F0B, #2A3300)
• Aged Coast color palette (#E7F0E4, #40BB79, #007A61, #00504C, #003036)
• Frosted Emerald Study color palette (#FFF4DF, #B4C384, #2BA03D, #7E661C, #3C3B34)
• Dusty Lagoon Cabin color palette (#E2F4EE, #508762, #004F45, #222F00, #000B03)

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