Pine Cabin color palette — #ECE3D7 · #9DAD70 · #00884C · #036071 · #2F2906

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#ECE3D7): bright and airy, almost weightless.
• Sage (#9DAD70): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00884C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#036071): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#2F2906): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Lagoon Pier color palette (#FCF4E4, #A5BE92, #00976F, #396B7F, #36362F)
• Stone Atelier color palette (#E4FCEE, #A7C783, #44875D, #005D62, #101D00)
• Wandering Olive Harbor color palette (#EFE2D7, #B4A46B, #58800B, #634A70, #352603)
• Softworn Jade Balcony color palette (#E8E5D5, #6DB889, #00837E, #515B1C, #252C10)
• Patina Emerald color palette (#E8E1CB, #5FA662, #007161, #154A69, #1A1D00)
• Wandering Alley color palette (#FEF4DF, #9ECA82, #009E78, #91526C, #3B3B34)
• Dusty Lagoon color palette (#F8F5E8, #BFCAA1, #23A49B, #4C7D71, #3C4900)
• Forest Orchard color palette (#FAEBE5, #91D1D5, #0093C1, #00713A, #162E50)

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