Softworn Pine color palette — #F6F6EA · #87A581 · #23753E · #594917 · #35362F
Pine and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Moss (#87A581): A luminous, dusty green — the color of fresh herbs.
- Pine (#23753E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#594917): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn Pine 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
- Pine Villa color palette (#F5F7E6, #68B781, #007D56, #305D2B, #1E442B)
- Dusty Harbor color palette (#F5F2E3, #6EB27B, #257362, #603C30, #1B1E06)
- Feathered Balcony color palette (#F5EBCA, #889D2C, #436700, #474600, #2A3200)
- Tempered Rust Basin color palette (#F1F0D6, #739D40, #C64A2F, #406300, #53271C)
- Antique Workshop color palette (#F7F5EC, #C4C39F, #658E5E, #736719, #535000)
- Patina Pine color palette (#EAEDD3, #458B5B, #005236, #342F00, #00220C)
- Lagoon Ridge color palette (#E3FCF3, #8FC397, #38927D, #735973, #1E3B39)
- Hushed Pine Coast color palette (#DFEAC7, #009155, #007895, #705700, #272F12)
Browse the whole catalog at Explore, or see today's palette.