Pine Workshop color palette — #D8F9FF · #C5D9F3 · #B9B2F6 · #51854E · #002B31

Fern takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D8F9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Powder Blue (#C5D9F3): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B9B2F6): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#51854E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002B31): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, 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

• Washed Lagoon color palette (#E4F5FF, #DED3EA, #DA9DCC, #008579, #1A2646)
• Misty Pier color palette (#D8FED9, #98F8FA, #94C7FF, #7C7D2A, #00312D)
• Powdered Forest Ridge color palette (#CAF1FD, #A4D5FF, #AF95E3, #126831, #001D23)
• Tempered Lagoon color palette (#E7F9FF, #CADDF1, #8DB9F5, #008C76, #03545E)
• Misty Moss color palette (#E2FFE1, #C8ECFF, #C3BBFF, #64A94A, #014E5C)
• Ancient Corridor color palette (#EAF3FF, #DCD5E2, #E0B6C7, #668D9F, #3A3E4E)
• Teal Loft color palette (#E1FEE4, #DDDEED, #B5A9B0, #2DAC8E, #004A52)
• Pale Summit color palette (#C3E7F5, #7DAAEB, #A66CA4, #005D47, #000F1F)

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