Pine Alley color palette — #FDEDF2 · #B37735 · #197714 · #004B44 · #031522

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

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Caramel (#B37735): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#197714): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#031522): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Bronze Field color palette (#E9F5ED, #907500, #00735A, #004855, #0A1522)
• Amber Archive color palette (#FBEDF3, #C3793F, #716600, #0F4E1E, #002423)
• Chalky Archive color palette (#EAF3FD, #4087D4, #477300, #004A3C, #001622)
• Softworn Bronze Lagoon color palette (#E6F8E5, #D7826E, #A15300, #394F16, #2E1C27)
• Ancient Olive color palette (#FDF1FB, #E5827F, #808515, #006F82, #1C1524)
• Patina Chestnut Harbor color palette (#D2F5DE, #725E00, #005A44, #00373F, #000513)
• Lilac Basin color palette (#F0F0FD, #A079B6, #007974, #004F6D, #131A28)
• Olive Harbor color palette (#E0F8F4, #227D03, #005867, #002B6A, #060516)

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