Pine Alley color palette — #FEF2EC · #98ECEA · #00AECB · #008752 · #004565

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

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Sea Foam (#98ECEA): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00AECB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004565): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Pine Alley 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 Azure color palette (#FFF2EA, #A1E7FF, #3FA3EA, #008379, #263C73)
• Softworn Cerulean color palette (#FCEAE2, #8CD2DA, #0094BD, #006F54, #002F54)
• Gentle Garden color palette (#F6F6E8, #B5F2F0, #00CEDA, #00A893, #004952)
• Lagoon Meadow color palette (#FCF3EC, #C8EFE0, #89A6D4, #238A90, #5D3B51)
• Hushed Driftwood color palette (#FBF3EF, #CDE8E4, #93BCAB, #798E6B, #5F4A61)
• Tempered Denim color palette (#F1E0D5, #519EB7, #005D91, #003C37, #00012F)
• Hushed Cobalt color palette (#EBDDD3, #7FBBD5, #0078CA, #005956, #111948)
• Airy Loft color palette (#FFF3E4, #F6B12C, #4789EC, #9E6D00, #073779)

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