Pine Alley color palette — #DFF0E9 · #418D4C · #005140 · #51171F · #00201E

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

The five colors

• Honeydew (#DFF0E9): A whisper-light, dusty teal — the color of sea glass.
• Fern (#418D4C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#51171F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#00201E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Hollow color palette (#D7E9DB, #77812D, #0D5408, #4C1738, #1A1D00)
• Tempered Chapel color palette (#D0EBE7, #007E64, #004042, #3F1100, #00140E)
• Hushed Corridor color palette (#D8E9E3, #5E9C6D, #006353, #384311, #0D3118)
• Antique Study color palette (#C7ECE3, #588D1D, #780089, #254300, #2D0334)
• Aubergine Courtyard color palette (#C4EAE0, #3F6800, #6B00A9, #6F004D, #091600)
• Quiet Balcony color palette (#E7FAF2, #7FB374, #007C5B, #535500, #274321)
• Weathered Moss Canyon color palette (#E1F0E1, #9E9600, #3E6800, #5B3C00, #322F00)
• Chalky Cerulean color palette (#C9EAE3, #60CCAF, #009CB2, #544500, #002927)

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