Pine Atelier color palette — #FBF2FA · #BADBE6 · #34A2D0 · #008148 · #223A61

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Powder Blue (#BADBE6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#34A2D0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008148): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#223A61): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine Atelier 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

• Weathered Veranda color palette (#FAF3F7, #D2DDF3, #75A9E1, #008F77, #414469)
• Wandering Delta color palette (#F7EAF1, #A5CAE2, #4386DF, #006D60, #2A225E)
• Weathered Cerulean color palette (#F8F5EE, #B0CEB4, #00869E, #006151, #1B4334)
• Cobalt Station color palette (#E6DCE3, #8EB9CB, #007CB7, #005C3F, #0A1554)
• Moss Alley color palette (#EEDDFC, #CD74A0, #679B32, #00855C, #342241)
• Tempered Denim Thicket color palette (#ECDEEA, #589FA9, #005F88, #003E26, #000030)
• Ancient Iris color palette (#F5F4FF, #FAD2E1, #F7BA85, #7A83D3, #4B3B58)
• Powdered Byzantium Lagoon color palette (#EFEBFF, #C891CE, #55B562, #A226B0, #114019)

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