Pine Studio color palette — #EFF5E3 · #009255 · #00595E · #002644 · #02000B

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

The five colors

• Cream (#EFF5E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009255): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00595E): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002644): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#02000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Hushed Balcony color palette (#EBF7E4, #008E79, #00566D, #0F0076, #040006)
• Tempered Cerulean Orchard color palette (#F5F7E9, #B0D7BA, #0088A1, #005151, #000F16)
• Quiet Navy Delta color palette (#CDE9CF, #78BF9F, #40877A, #004069, #08163D)
• Lowlit Fern Boulevard color palette (#E6E2C5, #596800, #242E31, #081700, #010100)
• Wandering Cypress color palette (#F4F8E3, #74B28B, #007151, #413E00, #000B03)
• Sunlit Moss color palette (#D8E6CF, #5BAE40, #007524, #003E1E, #000F06)
• Deep Onyx color palette (#D0E5D7, #6A5600, #003B54, #280041, #0C0004)
• Airy Pier color palette (#E7FDE0, #00B2A1, #00759A, #2C00B6, #22002A)

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