Pine Studio color palette — #FAF2FA · #A1EBE6 · #00ADD0 · #368535 · #134269

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sea Foam (#A1EBE6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#368535): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#134269): 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

• Frosted Pine Delta color palette (#FFF2EB, #CEE2F9, #00C3E0, #0F8D52, #003A53)
• Sunlit Azure color palette (#FCF2F8, #9BE8FF, #27A1FC, #008569, #353C67)
• Tempered Corridor color palette (#F4EBF2, #8ED2D6, #0093C1, #05703B, #192E4D)
• Aqua Pier color palette (#EBF9F5, #A3F6F3, #00CFD8, #00A891, #004952)
• Sky Pier color palette (#F9F3F7, #D6D5E8, #76BAE3, #629378, #455369)
• Frosted Cobalt color palette (#F5E7EF, #7CBCD4, #0B74D3, #005B4C, #1B1940)
• Denim Villa color palette (#F3E4ED, #46A0B8, #005B98, #003D2F, #05002C)
• Lapis Pier color palette (#DAE4D9, #65A9DE, #414DE2, #004A4B, #1D0038)

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