Pine Garden color palette — #E7D8EC · #B75E78 · #14892B · #7D003B · #003308
A conversation between Olive Leaf and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Thistle (#E7D8EC): A whisper-light, dusty pink — the color of peonies in June.
- Mocha (#B75E78): A full-bodied, balanced red — the color of embers at dusk.
- Olive Leaf (#14892B): A full-bodied, vivid green — the color of fresh herbs.
- Mulberry (#7D003B): A deep, shadowed, balanced red — the color of late-summer berries.
- Deep Forest (#003308): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Softworn Field color palette (#E2D9F3, #C06BAC, #387D00, #690059, #123200)
- Mulberry Archive color palette (#FFE6E5, #BB5693, #007F55, #7E005A, #00170C)
- Sunlit Mulberry color palette (#F7E8FE, #C0728E, #008D75, #9E0058, #004033)
- Hazy Balcony color palette (#EBD6EB, #C05A64, #00797D, #8B002A, #003031)
- Timeworn Cabin color palette (#F3EAF7, #AF3E68, #006766, #6C0035, #002020)
- Antique Mulberry Field color palette (#E5D8F3, #F17AC1, #009E6C, #95006C, #00321F)
- Timeworn Garnet Orchard color palette (#F8E5EE, #A08250, #873D00, #670E20, #272600)
- Airy Plum Garden color palette (#F7D5D1, #FFA2C4, #3EBD6D, #B53970, #003315)
Browse the whole catalog at Explore, or see today's palette.