Pine Workshop color palette — #E0F7F6 · #70B68C · #B971A8 · #007847 · #3B1934

Built around Pine, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#E0F7F6): A whisper-light, dusty teal — the color of sea glass.
• Jade (#70B68C): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#B971A8): A luminous, balanced pink — the color of neon signs at night.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#3B1934): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Softworn Peony color palette (#F3F8E5, #61B57A, #C96CA7, #007238, #5B3738)
• Cypress Atelier color palette (#E3F6FB, #85C0BC, #C88792, #00837E, #3E2742)
• Powdered Olive Canyon color palette (#E4F7EE, #A8A960, #8B83C7, #6A6900, #262047)
• Faded Fuchsia color palette (#F3F7EA, #70CE98, #ED81CB, #049057, #5D3538)
• Antique Harbor color palette (#DAF9FA, #4CA07D, #7775BF, #AF4500, #002425)
• Faded Drift color palette (#E6FAFA, #95E9C3, #DFA3DB, #00A274, #4C2A4A)
• Plum Orchard color palette (#CEEEF3, #009C87, #CF0062, #00594D, #300011)
• Ember Lagoon color palette (#E1F6FF, #00ABC3, #E14300, #006776, #3F0C00)

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