Pine Studio color palette — #F6F0F4 · #D0D4EA · #78A3B7 · #397A54 · #1D394E

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Lilac Frost (#D0D4EA): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#78A3B7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#397A54): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#1D394E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Cypress Meadow color palette (#EFF7F5, #CCE2F6, #63A6A9, #347D6D, #3B5762)
• Antique Grove color palette (#E2F6FB, #D3D8E7, #C4BCE2, #5E967D, #273F49)
• Wandering Cypress color palette (#E4F5FA, #7FC1BD, #CE8680, #00837E, #40273D)
• Cobalt Studio color palette (#F7EFF5, #AED7EA, #008DC6, #006455, #002253)
• Abyss Workshop color palette (#F8EBF5, #4A8388, #004255, #002015, #000104)
• Ancient Petrol color palette (#F1E5EC, #97B9CD, #236FAB, #004C48, #081039)
• Patina Driftwood color palette (#DFF7FF, #67A9AE, #BF767B, #A8625A, #122B33)
• Weathered Coast color palette (#ECE1E5, #79A1C5, #354FAB, #003840, #0D002A)

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