Pine Garden color palette — #ECF4F0 · #BBB676 · #458742 · #6F6700 · #001210
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF4F0): a clean, paper-quiet neutral.
- Sage (#BBB676): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#458742): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#6F6700): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001210): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Ancient Chestnut color palette (#FAEEF2, #D2AB81, #7F772C, #8C5700, #001309)
- Timeworn Canyon color palette (#E9F5F2, #AECEA2, #4A9284, #5B7D4D, #04191D)
- Worn Chestnut color palette (#F9F4ED, #CCA96A, #008171, #7D5800, #1D2817)
- Softworn Pine color palette (#E0F9EE, #89A86E, #367B4F, #004E64, #062925)
- Aged Bronze color palette (#F8F5ED, #D1C685, #7B9B58, #938000, #26250E)
- Antique Station color palette (#ECF4F1, #CDDBDD, #B0C0C4, #737B41, #242F2B)
- Dusty Quarry color palette (#DFF8F7, #00C77C, #007B7C, #006D42, #000B10)
- Powdered Delta color palette (#D7F5EC, #7EA500, #006B53, #405500, #000503)
Browse the whole catalog at Explore, or see today's palette.