Pine Alley color palette — #F3F6EF · #D7E3CD · #AFC6A6 · #008E5D · #2A3900

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

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#D7E3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#AFC6A6): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#008E5D): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#2A3900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hazy Forest Atelier color palette (#EAEED8, #74BD94, #008C6B, #056E28, #003820)
• Muted Bloom color palette (#F2F7F1, #CDDEDA, #AAC6C3, #009A97, #334532)
• Muted Olive color palette (#F9F5E8, #E1DFCA, #C0C198, #797E00, #35332C)
• Weathered Lagoon Lagoon color palette (#E5FAFA, #C9E1F0, #B5BEDA, #009563, #142929)
• Timeworn Abyss color palette (#E9F0E7, #9DA89D, #708F76, #005148, #020D00)
• Nightshade Canyon color palette (#E7E8BC, #00B199, #007E84, #2E2DC1, #00302D)
• Petrol Boulevard color palette (#DDE6E1, #B8C9C2, #90ACA4, #006B88, #0B251A)
• Seafoam Atelier color palette (#E5FEDF, #00F2AD, #00D0BE, #00A2B6, #002E2C)

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