Pine Alley color palette — #FFF1F6 · #AD6000 · #248629 · #681D5A · #401F2E

Built around Olive Leaf, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ochre (#AD6000): A full-bodied, balanced gold — the color of old brass.
• Olive Leaf (#248629): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#681D5A): A deep, shadowed, balanced pink — the color of a candy shop window.
• Espresso (#401F2E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Tempered Orchard color palette (#FFF0F9, #C64700, #577200, #68287C, #461E0F)
• Feathered Bronze Grove color palette (#DDF7DF, #946700, #00734F, #6F2647, #1B2B1D)
• Softworn Crimson Studio color palette (#FEF0FF, #DA0052, #7A6500, #4C378D, #37233A)
• Misty Balcony color palette (#E5FBF1, #868700, #00827F, #7C3E36, #20392F)
• Powdered Market color palette (#DBFFF0, #7D8500, #006B48, #004853, #4A2600)
• Weathered Navy color palette (#FFECF4, #BA6000, #007A80, #264096, #230D00)
• Ancient Meadow color palette (#EEF8F1, #C2E3E1, #A7C4B7, #82660F, #344538)
• Soft Olive Ridge color palette (#DAEDBD, #567400, #00656F, #652700, #182400)

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