Pine Alley color palette — #E0F2EF · #0A7D1B · #00415F · #290027 · #020100
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#E0F2EF): a clean, paper-quiet neutral.
- Olive (#0A7D1B): A full-bodied, vivid green — the color of new leaves after rain.
- Navy (#00415F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#290027): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, 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
- Charred Alley color palette (#D8F6FA, #007965, #003584, #2C001F, #020100)
- Forest Courtyard color palette (#EAEED6, #055A11, #002F3F, #210031, #150200)
- Cellar Grove color palette (#D9E9DF, #796600, #00463D, #00064A, #040002)
- Nocturne Navy color palette (#C6E7EB, #006354, #1C0083, #170004, #010100)
- Ancient Boulevard color palette (#C8E9E8, #5A5952, #005D38, #131E21, #000706)
- Muted Lagoon Veranda color palette (#D3EFE0, #00A080, #00635B, #002526, #000304)
- Hushed Chapel color palette (#DFEBDF, #5E959A, #006772, #561156, #1A000A)
- Forest Quarry color palette (#D2E7DD, #799A5E, #005E28, #2C2E00, #010200)
Browse the whole catalog at Explore, or see today's palette.