Pine Studio color palette — #F9E9D1 · #9EB757 · #008F53 · #745500 · #283300

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

The five colors

• Parchment (#F9E9D1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9EB757): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008F53): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#745500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#283300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Softworn Basin color palette (#E9FBEB, #B8D066, #009752, #725200, #1B2200)
• Wandering Mint Veranda color palette (#F1ECD1, #61C382, #008A81, #59601B, #00381A)
• Patina Fern Studio color palette (#D6F3E3, #879C50, #1E6D00, #4C4400, #283300)
• Soft Cabin color palette (#FFE6D4, #C7A759, #6A8300, #006A5F, #3B2B00)
• Moss Balcony color palette (#F4EBD2, #B0CF5C, #3AB40E, #8A7C00, #283301)
• Weathered Mint Lagoon color palette (#F3ECCE, #6CC184, #008A80, #81416C, #003918)
• Dusty Fern Pier color palette (#ECDCCB, #9C9542, #3A7029, #004F53, #1E1B00)
• Washed Basalt color palette (#FEF4E5, #CDC59B, #709B7B, #5F7968, #4D4200)

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