Pine Studio color palette — #FAF3F7 · #D2D5E6 · #58B5C8 · #328052 · #003349

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#58B5C8): A luminous, balanced blue — the color of deep harbor water.
• Fern (#328052): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Periwinkle color palette (#FDF2F6, #D8D3DE, #7EA7E8, #007E85, #292950)
• Lagoon Dune color palette (#F6F6EC, #D2E7CF, #64C3C6, #00A388, #00434A)
• Softworn Lagoon color palette (#E8F5F2, #9ED1DE, #008D92, #005D4E, #00262B)
• Worn Market color palette (#FBEBF6, #61B1B3, #005F72, #002D1B, #000103)
• Softworn Petrol color palette (#F7EAF1, #76C3DF, #006CAB, #003E3A, #000016)
• Softworn Cerulean Workshop color palette (#FBF2F5, #D9D4DE, #CBBDEE, #579EAA, #454C67)
• Olive Drift color palette (#E1FCF7, #98D18F, #B891F1, #318A22, #30194C)
• Worn Taupe color palette (#D7FFF6, #C6E3F3, #B9BFF4, #AC9E5F, #043F3D)

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