Pine Alley color palette — #F3E5C7 · #9D9C17 · #11861B · #005A3D · #00404C
Built around Olive Leaf, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3E5C7): A whisper-light, dusty gold — the color of old brass.
- Moss (#9D9C17): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#11861B): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#005A3D): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00404C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Linen Moss color palette (#E8E7CE, #A9C067, #70AD4D, #0D8458, #00483A)
- Tempered Chapel color palette (#EDEFCD, #80A819, #227818, #005324, #002B1E)
- Worn Amber Meadow color palette (#FFE1CF, #C38B1B, #716900, #2C5500, #00433E)
- Emerald Corridor color palette (#E4EEDD, #00AC5F, #007368, #00515E, #1C3253)
- Sunlit Jade color palette (#D3FFFD, #5DB88A, #007750, #004329, #002B15)
- Misty Station color palette (#D8F6F1, #64B35D, #B245AB, #0E590A, #482845)
- Worn Emerald color palette (#C0F0EB, #2AA749, #932579, #860433, #003330)
- Worn Emerald Boulevard color palette (#FEE8D4, #FFAAB8, #00AD53, #0C323D, #111D1C)
Browse the whole catalog at Explore, or see today's palette.