Pine Alley color palette — #F1F3EB · #D0DBD5 · #AFC1BD · #56815A · #2B2E21
Built around Fern, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#D0DBD5): bright and airy, almost weightless.
- Stone (#AFC1BD): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#56815A): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#2B2E21): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Fern Terrace color palette (#F4F2E7, #96BF9F, #368475, #605600, #252A15)
- Forest Delta color palette (#EEF4E9, #C5DAC6, #96B3A5, #006C52, #151D0B)
- Antique Workshop color palette (#DDE1D6, #99A397, #638570, #004225, #030500)
- Jade Thicket color palette (#EFF7F6, #D3DCE2, #B6C4D4, #699E6D, #3E4B49)
- Chestnut Quarry color palette (#F0F6D1, #A3BB9C, #628C7C, #8B4D2E, #5C2300)
- Antique Garnet Basin color palette (#FFEEE4, #76AC79, #167981, #6F2C42, #1C270C)
- Worn Abyss Alley color palette (#DEEBE6, #BCAEBA, #9F8591, #004A68, #020E09)
- Quiet Mint Terrace color palette (#EAF7E1, #D1EDA6, #60CDAF, #46A3C6, #002520)
Browse the whole catalog at Explore, or see today's palette.