Pine Alley color palette — #F4F7EB · #DAE2CA · #B3C5A1 · #2E8D43 · #32342D

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

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Celadon Mist (#DAE2CA): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B3C5A1): A luminous, dusty green — the color of fresh herbs.
• Fern (#2E8D43): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#32342D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Lagoon Meadow color palette (#EFF8EF, #D3E3D6, #9FCAB0, #00898A, #29372A)
• Patina Canyon color palette (#F9F5EB, #E5DEC6, #C4BF9D, #8A7700, #35332C)
• Tempered Balcony color palette (#F5F6EC, #CDD6C5, #92B093, #226C00, #33342D)
• Ancient Studio color palette (#E9F9F7, #C9E3EE, #96CBE7, #009837, #112A27)
• Pale Thicket color palette (#ECEDD6, #76BF7A, #008F51, #426727, #03390C)
• Lagoon Courtyard color palette (#D6F0E7, #008C70, #00423C, #002118, #050900)
• Softworn Abyss color palette (#E1E7DC, #A0A79C, #798C77, #00523D, #050C00)
• Antique Atelier color palette (#E6EEE8, #B5CABF, #8CADA0, #006D7D, #122419)

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