Pine Workshop color palette — #D8E3C3 · #007547 · #005985 · #4E3000 · #161E00
A conversation between Pine and Peacock, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D8E3C3): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007547): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005985): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#4E3000): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#161E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Antique Pine Pier color palette (#ECF1DF, #008747, #006994, #5E3D00, #242A0E)
- Navy Quarry color palette (#DCE4D5, #006146, #004577, #352600, #00120A)
- Nightshade Ridge color palette (#CBE7CE, #007076, #4841A5, #323D00, #04210B)
- Wandering Atelier color palette (#DBE2C3, #00772F, #005B7B, #0A317A, #012209)
- Garnet Pier color palette (#E8DEBD, #696500, #00605D, #6E000E, #1D1C00)
- Weathered Aubergine color palette (#D2E8D4, #00777D, #004685, #3F0866, #002716)
- Worn Forest Corridor color palette (#EBF0E8, #C6CFC6, #92A796, #006357, #283125)
- Nightshade Veranda color palette (#DAE6D1, #00765D, #4045AB, #68002D, #000B06)
Browse the whole catalog at Explore, or see today's palette.