Softworn Pine color palette — #FFF1F6 · #F9EDBB · #9ABC83 · #008866 · #004C54
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Custard (#F9EDBB): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9ABC83): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008866): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004C54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, 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 Garden color palette (#FFF0FB, #E7D8D6, #BFB372, #4D8749, #00463C)
- Patina Lagoon color palette (#DDFFE9, #BFE7EE, #83C3A8, #008689, #003F60)
- Stone Meadow color palette (#FFF3E6, #CFC47F, #6F935F, #1A6C61, #004E5B)
- Lagoon Coast color palette (#FBFABA, #A1DEA3, #00A391, #005D6C, #001F41)
- Chalky Corridor color palette (#E2EAC8, #40BC77, #006D6A, #00313E, #000016)
- Stone Corridor color palette (#E9F9F6, #96BB86, #3E5A5F, #16312C, #0A110D)
- Patina Teal Summit color palette (#FDF1FB, #F0DBA7, #6DB395, #8D6189, #2B463C)
- Terracotta Meadow color palette (#FCF2F5, #F1C195, #4DABAB, #9D4F5A, #51300B)
Browse the whole catalog at Explore, or see today's palette.