Pine Workshop color palette — #E8F5F3 · #99BF9B · #A98FC6 · #30863F · #2E2D4C

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

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Sage (#99BF9B): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#A98FC6): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#30863F): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2E2D4C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, 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

• Ancient Bronze Drift color palette (#EAF5EE, #BFB482, #9F91D1, #847100, #292E4D)
• Wandering Lilac color palette (#ECF8F6, #96BD87, #AB87C6, #597F4A, #4A4969)
• Hushed Cypress color palette (#E8F5F6, #86C1B3, #CD858D, #008472, #4C2228)
• Ancient Archive color palette (#F8F6E6, #BECC97, #DE95CD, #839641, #644346)
• Antique Canyon color palette (#E1F6FA, #62AC9D, #8886BF, #8E62AC, #0B2D31)
• Worn Cypress color palette (#E8F4F8, #D4B9D4, #326C6C, #003939, #07161B)
• Muted Chestnut Market color palette (#FDEDF2, #ACC1B3, #9F7585, #7C473F, #17322A)
• Patina Coast color palette (#F5F6EB, #CFF1C2, #E7B9F1, #75AB5E, #563A5C)

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