Pine Alley color palette — #C7E7E5 · #008046 · #005058 · #00235A · #0B0C00
A conversation between Olive and Midnight, giving this palette its sense of nature and growth.
The five colors
- Silver (#C7E7E5): A whisper-light, dusty teal — the color of sea glass.
- Olive (#008046): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00235A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#0B0C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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 Grove color palette (#D4EFF6, #007C74, #004C71, #2E006A, #000F01)
- Softworn Bronze color palette (#CEE6D8, #7A6C00, #00552C, #002D33, #140700)
- Onyx Alley color palette (#D0E7ED, #005552, #002C48, #150034, #000200)
- Cypress Coast color palette (#D1E6DB, #669D8E, #007375, #263A5B, #131B33)
- Lagoon Market color palette (#D9ECE2, #00A079, #006051, #00403A, #001A18)
- Timeworn Veranda color palette (#E0E5C8, #1BA220, #007270, #00466F, #271F00)
- Wandering Garnet color palette (#E8E2C6, #686F00, #004B73, #590029, #3A0400)
- Hushed Canyon color palette (#E2F2EB, #80984D, #346300, #393C09, #001711)
Browse the whole catalog at Explore, or see today's palette.