Pine Alley color palette — #FFF1F6 · #C7A0FF · #A37C00 · #007C39 · #2D0F1D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C7A0FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A37C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#007C39): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#2D0F1D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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

• Fuchsia Workshop color palette (#FFF1F3, #DC8BE3, #7F8000, #007059, #230E13)
• Quiet Dune color palette (#FFF0FB, #9AB3FF, #BE6900, #626F00, #2B0F26)
• Hushed Study color palette (#FFF1F6, #D1B8FF, #7DA100, #009454, #401E2E)
• Jade Lagoon color palette (#FFF1F1, #E596C1, #7DAE64, #008387, #331E1E)
• Hazy Fuchsia color palette (#FFF1F1, #FF74CC, #A47400, #005F4F, #111558)
• Sunlit Meadow color palette (#FFF1F5, #B459E1, #7F7A00, #005D3A, #160007)
• Rose Meadow color palette (#FFF4E2, #FF94E4, #F31C4F, #006B23, #40182B)
• Frosted Garden color palette (#EDF1FF, #8573FD, #036F19, #005836, #120D2F)

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