Pine Alley color palette — #FCF3EE · #C5DBC5 · #21A5C3 · #008053 · #103F5A

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Oat (#C5DBC5): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#21A5C3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008053): A full-bodied, balanced teal — the color of sea glass.
• Navy (#103F5A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Dusty Lagoon Summit color palette (#FAF4F0, #C4E5E2, #79ABCF, #008E7F, #34486A)
• Washed Meadow color palette (#F8ECE5, #9ACDE2, #3F8CCB, #006C67, #1B295A)
• Powdered Teal color palette (#DBF8E5, #53C29F, #00938D, #006773, #00425A)
• Softworn Cabin color palette (#E7FCEA, #AFE9EB, #B4B9F5, #349E80, #274E3B)
• Dusty Orchard color palette (#EFE5E0, #639EA2, #00627B, #003D2B, #000A17)
• Blush Field color palette (#E3F4E7, #38BBCB, #DD6A8B, #00818E, #5A1C30)
• Muted Loft color palette (#DCFFEA, #69C6DD, #0094AE, #005C70, #002A30)
• Worn Rust Delta color palette (#CEEEDA, #00A6C6, #C96480, #C44C00, #00313C)

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