Softworn Pine color palette — #F7F1BC · #97B183 · #2F8A5F · #005F56 · #004957
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7F1BC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#97B183): A luminous, dusty green — the color of new leaves after rain.
- Fern (#2F8A5F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005F56): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Muted Lagoon color palette (#E0FBCF, #79BE9E, #008C84, #005C73, #003F6B)
- Chalky Orchard color palette (#FFF3E5, #B4A772, #608032, #006139, #00473C)
- Chartreuse Parlor color palette (#EFF4B1, #A9E290, #67C49C, #009A93, #004855)
- Jade Basin color palette (#D0FBCE, #8FD7A5, #29AC82, #007C68, #004A44)
- Weathered Mulberry color palette (#FFF2EA, #8BA166, #1B7A6F, #782F57, #3D3E37)
- Olive Balcony color palette (#F6F6EF, #D5DDD7, #B4C3BE, #5E8132, #49483E)
- Tempered Nightshade color palette (#A8FFD0, #00C1BB, #007989, #004D74, #1900A0)
- Muted Alley color palette (#D3EAE1, #06A7AC, #005F78, #003767, #23006E)
Browse the whole catalog at Explore, or see today's palette.