Pine Alley color palette — #F5F4BF · #9CB781 · #36875F · #005956 · #00414E
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F5F4BF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9CB781): A luminous, balanced green — the color of fresh herbs.
- Fern (#36875F): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#00414E): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Navy Canyon color palette (#E2FFD9, #6EB998, #008584, #005A71, #00426F)
- Pale Forest Courtyard color palette (#FFF1E1, #BBB16B, #607E34, #055F31, #00463E)
- Washed Jade color palette (#D2FCD4, #9ACDAC, #38A67F, #007B67, #004744)
- Moss Canyon color palette (#FFF0F7, #82A55B, #007A73, #6C3A5C, #214442)
- Airy Mint Quarry color palette (#E3FBF9, #EFE693, #7BC77D, #0093AF, #1A494D)
- Washed Olive color palette (#EEF7F5, #D2DDE2, #B6C1CB, #657E48, #3D4B47)
- Dusty Harbor color palette (#B8FFD3, #00B6AD, #007C95, #004974, #1C0099)
- Timeworn Pine Harbor color palette (#E1E5D4, #138419, #004A3B, #002124, #030A16)
Browse the whole catalog at Explore, or see today's palette.