Pine Garden color palette — #E5F6F0 · #90AA78 · #497140 · #1E5142 · #00221C

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E5F6F0): a clean, paper-quiet neutral.
• Sage (#90AA78): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#497140): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#1E5142): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Field color palette (#D6E7E5, #609D75, #006546, #00433B, #001616)
• Muted Moss Meadow color palette (#CBEFDA, #999B3B, #536300, #1E4A07, #171700)
• Aged Meadow color palette (#E6F6F3, #89BFBC, #4B8268, #385D58, #0B2D2C)
• Tempered Cypress Harbor color palette (#FBF5E6, #8EA37B, #36714F, #524C1D, #36362F)
• Lagoon Courtyard color palette (#EAFAF1, #BFDBA5, #5C9A74, #6B643A, #082F28)
• Linen Terrace color palette (#D1F0F6, #19A69B, #987700, #00635B, #251B00)
• Dusty Olive color palette (#D2EBE5, #53884B, #005224, #1D3002, #010B00)
• Worn Chapel color palette (#CCF9FF, #3FB6C2, #00717B, #003D42, #000D0F)

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