Pine Workshop color palette — #F4F7ED · #D9E1D1 · #B1C5A5 · #008F51 · #2D3800
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Bone (#D9E1D1): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B1C5A5): A luminous, dusty green — the color of fresh herbs.
- Fern (#008F51): A full-bodied, balanced teal — the color of sea glass.
- Forest (#2D3800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Pine Workshop 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
- Hushed Cypress Orchard color palette (#EAF0EB, #CEDCD2, #A1C0AF, #008287, #243226)
- Worn Quarry color palette (#F9F5E9, #E2DFC9, #B1C69D, #7F7C00, #35332C)
- Softworn Orchard color palette (#F4F7EB, #CCD6C6, #76B2BA, #006E26, #32342D)
- Antique Emerald color palette (#E5FAF9, #C6E3F2, #B1BFE3, #0E965A, #032B2B)
- Patina Abyss Garden color palette (#E1E8DD, #9DA99B, #748E76, #005144, #040C01)
- Dusty Ultramarine Alley color palette (#D4EFC2, #00B291, #007F80, #1929CE, #00312B)
- Pale Chartreuse Grove color palette (#E7FED9, #24F596, #00CAAF, #009EA7, #002D27)
- Linen Loft color palette (#D7EFE0, #009CBA, #144FF9, #680095, #470025)
Browse the whole catalog at Explore, or see today's palette.