Pine Workshop color palette — #FFF2EB · #94EEE7 · #00AEC6 · #008849 · #004662

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#94EEE7): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00AEC6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008849): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004662): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Azure Atelier color palette (#FFF2EB, #9BE9FF, #00A6F2, #008476, #2B3F65)
• Timeworn Turquoise Orchard color palette (#ECF9EE, #C6DDF7, #19C4D4, #008C64, #003C4A)
• Weathered Studio color palette (#F8EBE5, #95D1D4, #0095B7, #006F4E, #01314F)
• Airy Boulevard color palette (#FBF2FC, #B9EFFC, #3DC8EE, #48A94B, #184268)
• Wandering Pier color palette (#D3E8D4, #00D6AA, #00A499, #006E78, #00465E)
• Hushed Jade color palette (#E5FDE2, #D6E6FA, #B4C1FF, #39AC69, #024952)
• Ancient Peony color palette (#B9FAF5, #00B2AD, #F8337C, #CC5206, #003937)
• Washed Pier color palette (#F7E9E2, #589EB1, #005E8B, #003C34, #000623)

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