Pine Alley color palette — #F4F4FF · #E6AEFF · #7DA03A · #009057 · #2B2646
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#E6AEFF): A whisper-light, balanced pink — the color of peonies in June.
- Moss (#7DA03A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#009057): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#2B2646): 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
- Jade Harbor color palette (#F5F4FF, #EBABFF, #00AD75, #008D8A, #2B2645)
- Misty Lime Archive color palette (#F1F5FF, #A9A7FF, #93B61C, #7A9526, #282648)
- Pale Wisteria Corridor color palette (#F4F4FF, #D697FF, #958300, #007B46, #270D36)
- Fuchsia Quarry color palette (#E3D9F1, #EE68C7, #859C3B, #637A00, #20142E)
- Mallow Thicket color palette (#F9F2FF, #F498C4, #6CBFAF, #54A092, #392D43)
- Aged Drift color palette (#ECDCF1, #EE367A, #47933D, #1B770B, #20010A)
- Softworn Coral color palette (#E5FFD5, #D4ABFF, #E47978, #008A9B, #4E2346)
- Wandering Workshop color palette (#F9F2FF, #F377BE, #E86C00, #008684, #331125)
Browse the whole catalog at Explore, or see today's palette.