Pine Workshop color palette — #FEF4DE · #96AC75 · #0F7E41 · #005D60 · #324018
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#96AC75): A luminous, dusty green — the color of fresh herbs.
- Olive (#0F7E41): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005D60): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#324018): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Pine Alley color palette (#DFF8F2, #8CB487, #00813E, #005A44, #0D2709)
- Hushed Study color palette (#F8F6E1, #7AB28D, #007A6C, #465828, #344100)
- Sunlit Meadow color palette (#FFF3E5, #AEA565, #56751B, #434C7F, #423B09)
- Weathered Emerald Corridor color palette (#ECE5CB, #6D9A5D, #006546, #004650, #18300E)
- Patina Driftwood color palette (#F8F5ED, #C4C3A0, #788A46, #795C67, #544F00)
- Timeworn Clover Harbor color palette (#E4FCED, #BCDB8D, #31C26D, #38999D, #114439)
- Cerulean Corridor color palette (#FFF2EC, #9CDBDE, #008DAD, #006A48, #00446B)
- Washed Olive color palette (#F8EDDD, #716F08, #1F4200, #1E1651, #111000)
Browse the whole catalog at Explore, or see today's palette.