Pine Studio color palette — #EAE5CE · #8BB17C · #42815A · #724A37 · #2B2B03

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

The five colors

• Parchment (#EAE5CE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8BB17C): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#42815A): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#724A37): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#2B2B03): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Studio 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

• Washed Balcony color palette (#F7EACA, #9FB663, #428B31, #665C00, #283300)
• Hushed Basin color palette (#EAF9F3, #9FC98E, #008D50, #71442D, #001E1A)
• Aged Jade Basin color palette (#EAECD8, #4BA779, #00715F, #623B00, #002112)
• Patina Ridge color palette (#F6F7E5, #86CE9F, #179C80, #537441, #144529)
• Worn Atelier color palette (#E8E5D7, #659A72, #00635B, #5E254E, #0C3118)
• Wandering Study color palette (#FEF3E5, #D3C39C, #8B9566, #916929, #543F00)
• Teal Atelier color palette (#F3F6CC, #A8E1BC, #3EC6BD, #777E26, #31332C)
• Weathered Teal color palette (#DAE9E1, #98C994, #00A88F, #8F6589, #03302C)

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