Pine Alley color palette — #E4F7F4 · #1B8926 · #412B8F · #68090C · #000C0B

A conversation between Olive Leaf and Indigo, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E4F7F4): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#1B8926): A full-bodied, vivid green — the color of new leaves after rain.
• Indigo (#412B8F): A deep, shadowed, balanced violet — the color of wild irises.
• Oxblood (#68090C): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Aubergine color palette (#DEF7FE, #008381, #512C9D, #571600, #000E0E)
• Powdered Nightshade color palette (#E5F7E8, #896700, #412DAC, #650A0F, #000B02)
• Soft Garden color palette (#E4F6F5, #38A164, #6C3F98, #6E3305, #001615)
• Hushed Bloom color palette (#DEFCFA, #007D44, #005675, #4C2F00, #05261D)
• Aubergine Loft color palette (#E6F6EE, #7F7600, #005571, #550049, #000D05)
• Airy Field color palette (#F9E1F2, #0DA275, #00657E, #641B1F, #001C21)
• Aubergine Courtyard color palette (#D5EDE6, #385300, #3C006D, #301100, #000201)
• Wandering Emerald Summit color palette (#F3F8E2, #21AD64, #913C73, #793154, #271706)

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