Pine Studio color palette — #EBF5ED · #AEBA87 · #5A805B · #50536D · #162C25

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Sage (#AEBA87): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5A805B): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#50536D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#162C25): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Pine color palette (#E2F8EB, #8EAB6A, #2B754A, #503F57, #03221C)
• Tempered Lagoon Field color palette (#E8F5F1, #9ACFCB, #588F82, #645E70, #223534)
• Tempered Olive Corridor color palette (#FDF4E5, #B6B18D, #6B7C38, #6E4F5D, #4C4300)
• Antique Bronze Delta color palette (#FAF5E5, #DFEDB6, #8DA970, #A46443, #3A3932)
• Muted Driftwood Garden color palette (#F9F5EB, #CDC59C, #789B6A, #8D656E, #4D4300)
• Patina Cerulean Summit color palette (#F8EFF5, #ABE8F7, #5995BA, #196D5F, #1B2D44)
• Washed Market color palette (#CEE4DA, #458C34, #005139, #471722, #000A08)
• Frosted Balcony color palette (#FFEBF6, #E18B64, #009FB3, #964D2B, #002D34)

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