Pine Garden color palette — #FDF4E3 · #94AE67 · #007F3D · #005D5F · #3B3B34

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#94AE67): A luminous, balanced green — the color of new leaves after rain.
• Olive (#007F3D): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005D5F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

• Feathered Balcony color palette (#FFF3E7, #BAA245, #607300, #175E47, #453A0A)
• Hushed Villa color palette (#DFF9F1, #7FBA6B, #377C44, #255744, #0F2706)
• Mint Veranda color palette (#F8F7DF, #90CE7E, #529860, #38775F, #3B3B34)
• Tempered Parlor color palette (#EAE5D4, #769768, #006545, #00464F, #2B2B03)
• Misty Forest Summit color palette (#F9E9CE, #8B9B40, #056E18, #47317E, #2B3203)
• Ancient Olive color palette (#FCF4EB, #BFAE87, #667D35, #6A5064, #543F00)
• Aged Quarry color palette (#FFF2EC, #84E0E4, #008DAE, #006A49, #01436B)
• Onyx Hollow color palette (#FBEBD6, #736F00, #214100, #1D1158, #150F00)

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