Pine Study color palette — #FCF2F8 · #D2D5E6 · #52B5CD · #008450 · #04324A

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#52B5CD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008450): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#04324A): 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 Study 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

• Dusty Cabin color palette (#FBF2F6, #D8D4DF, #80A8DF, #007E82, #272952)
• Worn Quarry color palette (#F6F6ED, #CFE8CD, #22C9D1, #1BA18C, #00434B)
• Pale Azure Courtyard color palette (#FAF2F7, #BDEFFF, #2C9ADF, #006B61, #04184D)
• Wandering Hollow color palette (#E4FAFF, #D6DCE8, #C1ACAD, #4BA579, #163443)
• Weathered Study color palette (#E8F5F2, #98D5D1, #1F8C91, #005D4F, #002531)
• Timeworn Denim color palette (#E9DDE5, #77ABBB, #005E74, #002D1C, #000103)
• Blush Meadow color palette (#E6F9FF, #6FD1D6, #F47993, #00878C, #471220)
• Cerulean Quarry color palette (#FAF3F5, #D9D4DE, #CCBCEC, #37A2B4, #454B68)

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