Pine Alley color palette — #F4E1EE · #53D7D1 · #00A4BC · #008249 · #002334

Fern takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4E1EE): A whisper-light, dusty pink — the color of peonies in June.
• Aqua (#53D7D1): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A4BC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008249): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002334): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Quiet Study color palette (#F5E4EF, #57D1F3, #189BE2, #007E72, #071C47)
• Washed Lagoon color palette (#EBECE0, #60C4C0, #00858B, #005B4D, #00242A)
• Wandering Forest color palette (#FFF2EE, #94DBD7, #0088A6, #015612, #000D1E)
• Timeworn Study color palette (#FFF0F9, #A2E5FF, #53B2FF, #009890, #1D2D66)
• Ancient Cypress Drift color palette (#F1E9DD, #60ABA7, #00646D, #003B29, #000D13)
• Feathered Plum Alley color palette (#EFE4F0, #FF577D, #00A1AE, #CB1953, #001F23)
• Hazy Sapphire Ridge color palette (#EDD9E0, #68A7DB, #4B6DCE, #005C67, #0B0027)
• Hushed Powder Boulevard color palette (#FAF2F8, #CEE4FE, #84C9E2, #71A58E, #314A61)

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