Pine Alley color palette — #F7F3FD · #D69CC2 · #BF8353 · #008663 · #202436

A conversation between Fern and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F7F3FD): a clean, paper-quiet neutral.
• Mauve (#D69CC2): A luminous, balanced pink — the color of peonies in June.
• Caramel (#BF8353): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008663): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#202436): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Ancient Olive Balcony color palette (#F6F3FD, #CB9DC4, #B87B85, #537132, #122333)
• Muted Drift color palette (#FCF2F9, #EFAB9D, #A38753, #007775, #262535)
• Aged Cypress Archive color palette (#F3F4FF, #D2C1F9, #BD9060, #007A7B, #183B58)
• Hushed Olive Market color palette (#FFF1F6, #CE9359, #758736, #006482, #1A1025)
• Blush Workshop color palette (#FBF1FF, #E96F9A, #937000, #006058, #170026)
• Hushed Blush color palette (#F9F2FE, #DC96B5, #5F4F5C, #302637, #100E16)
• Softworn Sky Coast color palette (#FEF2ED, #62C5EE, #ADAA56, #689E70, #2E392E)
• Lilac Grove color palette (#FFF1F5, #A576BF, #5A6F2F, #4E4D46, #28382F)

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