Pine Garden color palette — #FDF4E8 · #A2A969 · #1A7E37 · #005C67 · #3A3E0F
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF4E8): bright and airy, almost weightless.
- Sage (#A2A969): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#1A7E37): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005C67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Olive (#3A3E0F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Denim Dune color palette (#FCF5E4, #86A57B, #21725D, #005271, #35362F)
- Pine Lantern color palette (#E1F8EE, #8EB668, #008135, #00594E, #002721)
- Tempered Cabin color palette (#F9F6E5, #76B389, #007A73, #4F5700, #0C4626)
- Emerald Loft color palette (#FAF5E4, #A4C884, #399D53, #31776B, #3B3B34)
- Aubergine Meadow color palette (#FFF2EA, #BA9F6D, #677009, #643B81, #4D3600)
- Frosted Olive color palette (#F9E8D7, #9E9524, #337916, #5C1255, #332F00)
- Patina Driftwood color palette (#F9F4EE, #C7C1A3, #7C8944, #7D5C5C, #5A4D00)
- Aged Chartreuse color palette (#E7FBEA, #C4DB73, #64BA82, #4895A6, #373F17)
Browse the whole catalog at Explore, or see today's palette.