Pine Alley color palette — #CBE9DB · #3D7B49 · #00413A · #3B0C31 · #001504
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CBE9DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#3D7B49): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00413A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#3B0C31): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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
- Pine Cabin color palette (#E6E4D3, #46763B, #004226, #341300, #000400)
- Hushed Pine color palette (#D0E7DC, #4C8A52, #005046, #323000, #00201E)
- Worn Grove color palette (#E0F0D5, #315900, #690073, #55002F, #030A00)
- Sunlit Study color palette (#DFF0EB, #4E6A00, #730A8F, #233200, #1D0026)
- Garnet Veranda color palette (#D5F3E9, #50A57E, #006869, #6B264A, #003823)
- Antique Terrace color palette (#F2DEE4, #6994B9, #363E91, #002F31, #1D0136)
- Gentle Garden color palette (#F0EAD6, #5AAD6A, #008275, #793D6A, #001504)
- Feathered Boulevard color palette (#D1F6E8, #68B9A4, #0080AF, #503600, #002509)
Browse the whole catalog at Explore, or see today's palette.