Softworn Pine color palette — #F7F6E8 · #7EA875 · #327243 · #3F5228 · #35362F
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Moss (#7EA875): A luminous, balanced green — the color of new leaves after rain.
- Pine (#327243): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#3F5228): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Moss Thicket color palette (#F4EBCE, #869E28, #416700, #00521D, #293300)
- Fern Basin color palette (#F4F7EA, #A6B78D, #36836E, #54611A, #364B02)
- Worn Lagoon Corridor color palette (#E2E7D5, #439F7B, #006452, #004846, #222E0D)
- Faded Teal Canyon color palette (#C5F0E5, #00BAAC, #007C7D, #00585C, #103B54)
- Ancient Studio color palette (#FAF5E9, #CACEA3, #5FB29B, #9B803A, #35362F)
- Softworn Violet color palette (#E4F3E7, #00A0AE, #8C5BC7, #00626C, #3D2B54)
- Linen Amethyst color palette (#C9EFDB, #0087A9, #6F4CD5, #006D41, #103324)
- Powder Veranda color palette (#E4FCED, #A2E3FF, #7FB9F1, #007E88, #2C483B)
Browse the whole catalog at Explore, or see today's palette.