Pine Workshop color palette — #FFF2EA · #F7DC9B · #9DAE68 · #008054 · #003A3B

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Peach Cream (#F7DC9B): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sage (#9DAE68): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#008054): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A3B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. 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

• Antique Teal color palette (#FFF4DA, #DBF2AE, #66B08B, #00746F, #00394A)
• Olive Bloom color palette (#FFE9C2, #ACB270, #62831A, #005D1D, #002719)
• Weathered Emerald color palette (#FFF1C3, #D1D79B, #9BBF75, #14A150, #004835)
• Ancient Fern Workshop color palette (#FFF1F3, #FFD4C3, #C79450, #696800, #024009)
• Worn Jade Parlor color palette (#FFF2EB, #EBC588, #5DA377, #755386, #34322B)
• Wandering Delta color palette (#F4E0D0, #918700, #2F5B00, #00231B, #000102)
• Chalky Studio color palette (#F1FF9D, #75D39A, #008D86, #004E68, #000340)
• Emerald Bloom color palette (#FFF3E2, #C0C500, #299D0E, #005A4E, #001921)

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