Pine Studio color palette — #E6F0E5 · #008540 · #004E38 · #002921 · #000B0A

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

The five colors

• Cream (#E6F0E5): bright and airy, almost weightless.
• Fern (#008540): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004E38): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#002921): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000B0A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Gentle Moss Pier color palette (#E7EDC9, #4EA83A, #007B57, #003734, #000D12)
• Softworn Archive color palette (#E8ECDC, #459425, #00573C, #003331, #041A29)
• Dusty Lagoon Corridor color palette (#C8F7F3, #008F82, #00564D, #001E1C, #000201)
• Worn Mulberry Thicket color palette (#C5EDF1, #007D65, #952165, #004133, #16000B)
• Ancient Olive color palette (#D3F1E0, #6F791B, #4D4400, #2F2000, #030700)
• Antique Terrace color palette (#CFE9ED, #71BFC9, #3793C4, #005D3B, #001014)
• Hazy Lagoon Balcony color palette (#C2EDC8, #64C09A, #009380, #005A58, #003134)
• Softworn Aubergine color palette (#D1EFF3, #00675A, #5F21A0, #5A2F00, #000503)

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