Pine Studio color palette — #F7E7E3 · #8ECDD0 · #00A0D1 · #008344 · #001D48

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

The five colors

• Rose Water (#F7E7E3): bright and airy, almost weightless.
• Sky (#8ECDD0): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#00A0D1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008344): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001D48): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Cornflower Alley color palette (#EADED6, #89CBE4, #3A94F2, #007F6B, #1A1150)
• Weathered Lagoon color palette (#F5EDE9, #B4DFC4, #5CACE9, #00956F, #202955)
• Hushed Petrol color palette (#DEE6E0, #80BEBF, #008396, #005B48, #002330)
• Emerald Atelier color palette (#FFF2ED, #B5F1F7, #45C5FD, #00AC65, #223E6F)
• Timeworn Archive color palette (#E7EAD1, #91DECE, #6EC2FF, #A38000, #00281E)
• Wandering Dune color palette (#EFE4EF, #1AB1B4, #00617D, #003D16, #000A1E)
• Washed Emerald color palette (#D8EAE0, #55C787, #009958, #006424, #000D05)
• Magenta Villa color palette (#E5E7D5, #6BC95D, #CA53E0, #1A7108, #2F0037)

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