Softworn Pine Alley color palette — #FFF3E8 · #A66028 · #007434 · #283F7B · #37251E
Pine and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Ochre (#A66028): A full-bodied, balanced gold — the color of old brass.
- Pine (#007434): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#283F7B): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#37251E): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Softworn 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
- Weathered Olive color palette (#F9F5E9, #757600, #006755, #403B7E, #3A281B)
- Bronze Garden color palette (#FDF3EC, #B06C42, #007478, #593E73, #38322D)
- Feathered Lagoon color palette (#FFF1F2, #A55C9A, #386F00, #194379, #3E2629)
- Softworn Coast color palette (#FFF3E4, #C9846A, #796A00, #3F4880, #423C37)
- Dusty Olive color palette (#F8F6E3, #617500, #00537B, #551245, #221B06)
- Dusty Ember Balcony color palette (#FEECF6, #D6570D, #4F6100, #543259, #170D19)
- Linen Ember Coast color palette (#FFF2EB, #E36C3A, #79892B, #6F477C, #392420)
- Bronze Cabin color palette (#ECE3D7, #966700, #34322B, #271D0F, #0F0D08)
Browse the whole catalog at Explore, or see today's palette.