Pine Studio color palette — #EFE3D1 · #A1AB77 · #3F8253 · #6B5021 · #272D00

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

The five colors

• Parchment (#EFE3D1): A whisper-light, dusty gold — the color of old brass.
• Sage (#A1AB77): A luminous, dusty green — the color of fresh herbs.
• Fern (#3F8253): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#6B5021): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#272D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Cypress color palette (#E7E6CF, #6BB798, #008287, #485E28, #222E10)
• Chestnut Corridor color palette (#FCF4E6, #A6BE8A, #558E73, #7E5D14, #36362F)
• Hushed Cypress color palette (#EBE5CF, #86B18C, #008477, #6F4563, #272C0B)
• Softworn Pine Cabin color palette (#EDF9EE, #B7C37A, #2E8B4C, #694B13, #001E15)
• Wandering Moss color palette (#E9E0CB, #71A164, #00715C, #4F4600, #082102)
• Hushed Moss color palette (#ECE4D2, #B5C181, #6CA24B, #81753F, #302903)
• Olive Boulevard color palette (#FFE6D3, #C7A752, #698300, #006A60, #3A2C00)
• Wandering Meadow color palette (#FCF4EC, #DDD0AF, #9D9E7D, #718371, #604A00)

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