Pine Alley color palette — #FAF5E7 · #A1B98B · #46825E · #49614D · #484400
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Sage (#A1B98B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#46825E): A full-bodied, balanced teal — the color of sea glass.
- Pine (#49614D): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#484400): A deep, shadowed, balanced green — the color of a quiet forest floor.
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
- Fern Orchard color palette (#F6F6EB, #9ACFB5, #6E8A6B, #546C63, #405613)
- Hushed Jade color palette (#F9F5E8, #82A86F, #337154, #60404B, #36362F)
- Muted Courtyard color palette (#EBF9F3, #B2E0D7, #86BA96, #629D96, #274A44)
- Patina Moss color palette (#F0E3CA, #7D9744, #226435, #43345F, #2E2A06)
- Shell Workshop color palette (#FFF0FC, #E8D4E2, #E6B6D0, #568370, #5A434F)
- Emerald Study color palette (#F1EDCB, #00AE59, #006A5A, #004A5F, #05381A)
- Feathered Canyon color palette (#FFF0FD, #7A9EE8, #A2880C, #4463A4, #45423B)
- Iris Delta color palette (#FFF0FB, #6C81DA, #95762B, #536E34, #463040)
Browse the whole catalog at Explore, or see today's palette.