Pine Alley color palette — #D3DFF3 · #5D7BD0 · #008849 · #00605A · #0D1838
A conversation between Fern and Azure, giving this palette its sense of nature and growth.
The five colors
- Frost (#D3DFF3): A whisper-light, dusty violet — the color of a velvet chair.
- Azure (#5D7BD0): A full-bodied, balanced violet — the color of wild irises.
- Fern (#008849): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#0D1838): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.
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
- Frosted Hollow color palette (#E8EEFF, #8985CD, #059678, #006E78, #1C2444)
- Hazy Violet color palette (#DBDBF3, #9B63C4, #008281, #005B76, #231130)
- Weathered Fern color palette (#CAE3EE, #0090A3, #857100, #405E00, #001F25)
- Hushed Chapel color palette (#D7DDF2, #6544C4, #435D00, #003F4A, #131734)
- Quiet Fuchsia color palette (#F9D3D9, #F871FD, #00936F, #007579, #2D1016)
- Pine Orchard color palette (#F7D3DF, #B46E00, #008932, #006057, #291500)
- Tempered Cobalt Lagoon color palette (#F8F3FD, #D395B9, #65A6BF, #5A79B6, #42384C)
- Antique Plum Summit color palette (#EADCFE, #A60086, #005C74, #002E7C, #0E0009)
Browse the whole catalog at Explore, or see today's palette.