Pine Workshop color palette — #F0F3EA · #84C4A0 · #0081A2 · #00784B · #02120A

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Mint Leaf (#84C4A0): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#02120A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Weathered Cobalt color palette (#EEF4ED, #66C6C1, #2578C3, #007470, #140A16)
• Dusty Terrace color palette (#F4F2EB, #B6BA69, #008A66, #686A00, #0A1103)
• Indigo Dune color palette (#E9F9F6, #8BC06E, #5D65B9, #3F6E21, #1F2430)
• Lagoon Bloom color palette (#EFF3ED, #CFDAD7, #A8C4C2, #2A8677, #282E25)
• Patina Mint color palette (#E9F9F9, #6ADFA4, #329BC6, #42936A, #172630)
• Teal Villa color palette (#FDF0DC, #19B3A8, #007698, #683247, #112916)
• Gentle Hollow color palette (#C0F7E6, #51BFBC, #00879B, #005572, #002644)
• Teal Corridor color palette (#E4F2DF, #00AC99, #006193, #00594E, #000503)

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