Pine Alley color palette — #F5E1D8 · #008851 · #005171 · #580103 · #000F0D

Built around Fern, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Parchment (#F5E1D8): A whisper-light, dusty orange — the color of toasted spice.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005171): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#580103): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000F0D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Chalky Balcony color palette (#F8DAE0, #5D7F00, #00555B, #53002F, #001005)
• Tempered Lagoon Market color palette (#F5E0F0, #008B6B, #004A61, #3B0002, #000201)
• Hushed Navy color palette (#FAECDE, #008476, #00449D, #402400, #000E11)
• Deep Drift color palette (#EBE3D1, #00665A, #003644, #33001D, #000E0F)
• Dusty Denim color palette (#DEE8CF, #009C8F, #155FB2, #4F3400, #241600)
• Hushed Bronze Thicket color palette (#F7E2D2, #9D8000, #415D00, #00423E, #150F00)
• Nightshade Workshop color palette (#E7E4D2, #616E00, #3F00BB, #332400, #0C0600)
• Worn Jade Boulevard color palette (#FFDDC8, #00B383, #0076B1, #832D00, #003030)

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