Pine Workshop color palette — #D1E7D7 · #9BA466 · #2C8D43 · #5B3200 · #1A1800
Fern and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D1E7D7): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9BA466): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#2C8D43): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#1A1800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, 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
- Misty Jade Thicket color palette (#D2EBE3, #68AD70, #008871, #4C4100, #031E00)
- Airy Garnet Meadow color palette (#F6DBE7, #BF9D56, #768000, #731400, #251300)
- Sunlit Garnet Garden color palette (#F8E9D5, #8CA060, #00907D, #781713, #070500)
- Terracotta Field color palette (#EDDCC7, #AAC366, #00AA91, #A01D1D, #221900)
- Wandering Pier color palette (#CEEBD1, #77671B, #4B3400, #2C1600, #0C0C00)
- Dusty Jade color palette (#FFF7C6, #C2DB9A, #00B975, #7F5400, #383900)
- Fern Studio color palette (#D2FDF8, #97D1B8, #2DA7AB, #566500, #003924)
- Pale Clover Summit color palette (#EBE2CD, #BEC258, #67C269, #A56A2C, #1A1A00)
Browse the whole catalog at Explore, or see today's palette.