Pine Alley color palette — #F4E9DE · #8B8A35 · #00783F · #552D5F · #33112C
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4E9DE): bright and airy, almost weightless.
- Moss (#8B8A35): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00783F): A full-bodied, balanced teal — the color of shallow lagoons.
- Royal Purple (#552D5F): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Indigo (#33112C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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
- Weathered Fern color palette (#FFDED7, #AB844D, #556B00, #383663, #2B0F39)
- Hushed Emerald color palette (#EEE8C9, #629055, #007072, #5A2539, #3A091C)
- Onyx Boulevard color palette (#FFEAE4, #A58F4C, #498A59, #744668, #37002D)
- Pine Alley color palette (#E7DFCA, #859F51, #1A794D, #222962, #130024)
- Weathered Lagoon color palette (#E5E2C7, #4D9566, #006154, #611D1E, #001506)
- Patina Olive Alley color palette (#E6EBC7, #59832C, #24512E, #003139, #001D2C)
- Chalky Emerald Boulevard color palette (#F5E6D8, #AEBD6D, #00A167, #83437A, #64243F)
- Frosted Study color palette (#E4E7C6, #44A022, #89009B, #195300, #1E0023)
Browse the whole catalog at Explore, or see today's palette.