Pine Workshop color palette — #E2F5ED · #458C48 · #00513F · #003540 · #012203

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E2F5ED): A whisper-light, dusty teal — the color of sea glass.
• Fern (#458C48): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00513F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003540): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#012203): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, 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

• Wandering Forest color palette (#D0E5D3, #7C801B, #1D5200, #003732, #002116)
• Washed Emerald color palette (#D5EAE3, #5A9E66, #006452, #522D57, #00302E)
• Linen Lantern color palette (#E7E7CD, #80B68C, #009572, #007278, #00220B)
• Fern Balcony color palette (#DAEBE1, #4E671E, #003517, #1E0737, #040700)
• Sunlit Dune color palette (#E9FAF2, #7EB469, #007D57, #614174, #294220)
• Patina Atelier color palette (#FCE4EC, #816900, #333D00, #0C1B52, #150F00)
• Washed Bloom color palette (#EBF9F5, #92BB9F, #008676, #3B5E74, #2E4847)
• Hushed Moss Market color palette (#DFF1DF, #A09516, #416700, #37397F, #332F00)

Browse the whole catalog at Explore, or see today's palette.