Pine Alley color palette — #E2FCF8 · #7DAE7B · #4292C3 · #0E7B18 · #0F4766
Olive and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E2FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#7DAE7B): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#4292C3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#0E7B18): A full-bodied, vivid green — the color of a quiet forest floor.
- Navy (#0F4766): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Feathered Balcony color palette (#E9F9FC, #59B1AB, #857DCE, #007570, #403B68)
- Hushed Pier color palette (#DEF8F4, #7AB673, #A476C7, #297722, #25233F)
- Dusty Bronze Basin color palette (#DFFDF6, #719557, #008C91, #945900, #134039)
- Aged Olive Villa color palette (#CBE3EB, #009096, #756C00, #005457, #2E2A00)
- Washed Summit color palette (#E5FAFB, #66B197, #B27D39, #00785C, #5D3900)
- Dusty Alley color palette (#E7FAF8, #C1E8FA, #99D1D9, #6D8E5C, #345352)
- Feathered Violet color palette (#DDF2FE, #259DB8, #985AB3, #006174, #452752)
- Pine Basin color palette (#D4FFFD, #93C59E, #398854, #005625, #003715)
Browse the whole catalog at Explore, or see today's palette.