Pine Alley color palette — #F2F4DD · #86B27A · #A27BB7 · #3C742A · #341B40
Built around Olive, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F4DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#86B27A): A luminous, balanced green — the color of new leaves after rain.
- Dusty Rose (#A27BB7): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#3C742A): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#341B40): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Ancient Peony Ridge color palette (#EBF6E2, #5FB79C, #BB729A, #00765D, #3E182E)
- Tempered Hollow color palette (#E7FAF6, #83AD71, #AA70B4, #357800, #57325D)
- Dusty Chestnut Studio color palette (#F9F1E2, #B9A25E, #7E87CB, #7B6100, #1F2249)
- Weathered Emerald color palette (#E6FAF6, #98C68C, #C18DD9, #4C9435, #51365D)
- Tempered Emerald color palette (#F0F6D4, #609F65, #637DBB, #9C524C, #1D2103)
- Faded Emerald Villa color palette (#F5F7E6, #B4E4A7, #D5A7E2, #5B9D49, #522A35)
- Washed Alley color palette (#FEEFDF, #C0A87D, #8F6E4C, #723C09, #2A210E)
- Patina Loft color palette (#E3F9E2, #00AEAD, #DA4852, #006968, #44000A)
Browse the whole catalog at Explore, or see today's palette.