Pine Alley color palette — #ECFAEB · #B2B479 · #538152 · #4A6148 · #2F493E
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECFAEB): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#B2B479): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#538152): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#4A6148): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#2F493E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Patina Meadow color palette (#E8FAF0, #97BB8F, #388270, #5C5472, #314844)
- Wandering Chestnut color palette (#F8F1E2, #BFB389, #6F7C45, #6B5100, #2E270C)
- Weathered Thicket color palette (#E3FCF4, #2ABE8B, #00787C, #455924, #124532)
- Muted Summit color palette (#DDFDFC, #C9DFED, #AEBDE6, #578575, #364D54)
- Softworn Basalt Summit color palette (#FBF4EA, #DED5B2, #98B68C, #A78C5A, #504100)
- Moss Quarry color palette (#D0F6DD, #6FA33B, #006B4E, #514200, #21350D)
- Frosted Teal color palette (#E0FBFE, #00B99C, #BB6B98, #007763, #4A3B58)
- Hushed Fern Workshop color palette (#F2DFE7, #9F8A3A, #406000, #104550, #12301F)
Browse the whole catalog at Explore, or see today's palette.