Pine Alley color palette — #E8E1C8 · #367842 · #004038 · #002037 · #000401
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E8E1C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#367842): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Twilit Coast color palette (#EDDECF, #776800, #204000, #002424, #040300)
- Cellar Dune color palette (#EADFD0, #5F7100, #004221, #39022E, #020300)
- Hushed Jade Hollow color palette (#CEE7E3, #44A376, #005B4D, #003239, #000201)
- Wandering Forest color palette (#F6EBD7, #7C985D, #006545, #502A42, #0B1600)
- Hushed Navy color palette (#FAEDE3, #5394AC, #00498A, #002D24, #03001A)
- Aubergine Summit color palette (#EDEAF9, #5613AC, #364500, #003317, #020008)
- Gentle Fern color palette (#F9DFCF, #B48E44, #586200, #483067, #1F1400)
- Quiet Coast color palette (#FFEFDB, #A5AE6E, #2B7E43, #673A5E, #202300)
Browse the whole catalog at Explore, or see today's palette.