Pine Workshop color palette — #DFF4E1 · #008B56 · #005038 · #003124 · #000D09

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

The five colors

• Honeydew (#DFF4E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008B56): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005038): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#003124): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000D09): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Olive Thicket color palette (#EBF2CE, #587700, #284C00, #072A00, #000E02)
• Emerald Loft color palette (#D9F1DB, #00A15C, #007953, #004938, #00221B)
• Worn Lagoon Harbor color palette (#DBEEEA, #009284, #004F47, #00221E, #000201)
• Ultramarine Meadow color palette (#C8E9ED, #007D68, #373AD2, #004034, #030029)
• Misty Alley color palette (#BBEEEE, #66B79B, #008F77, #005E55, #00302D)
• Forest Chapel color palette (#DBF7E9, #006949, #005470, #463B00, #000502)
• Washed Orchard color palette (#DEF4F7, #51C0C1, #009DB6, #00523D, #00100F)
• Worn Cerulean color palette (#D9F1FC, #008CBC, #005B8B, #003B64, #001938)

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