Pine Alley color palette — #F4F7EA · #95BB98 · #AE88BC · #2B873C · #683F4A

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Sage (#95BB98): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AE88BC): A luminous, balanced pink — the color of a candy shop window.
• Fern (#2B873C): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#683F4A): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Muted Meadow color palette (#FAF5E7, #BEAF86, #9F8CCD, #7F7500, #644151)
• Patina Basin color palette (#E7F5F3, #98C094, #B38AC5, #4D8047, #302D47)
• Wandering Emerald Station color palette (#F5F7E9, #A4D39F, #D698D7, #639D5D, #614449)
• Patina Dune color palette (#EDF9EE, #7DBDC0, #C58198, #008288, #66433E)
• Ancient Pewter color palette (#F3F8E7, #7AA482, #AA74A8, #9E566F, #42433C)
• Hazy Raspberry Veranda color palette (#F1F9E3, #3DAB75, #CC3F8E, #006E44, #641743)
• Washed Bronze Loft color palette (#FDF3E9, #C1B7A2, #A5753C, #884B29, #504900)
• Forest Bloom color palette (#F1F7F2, #DCB6AC, #47674C, #234028, #192926)

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