Softworn Pine color palette — #E9FAF4 · #9EB98C · #488347 · #535F39 · #2B4943

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Sage (#9EB98C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#488347): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#535F39): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#2B4943): A deep, shadowed, dusty teal — the color of sea glass.

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

• Gentle Study color palette (#E6FBF2, #93B057, #417A00, #2B5D3A, #334015)
• Worn Lagoon Veranda color palette (#EEF7F7, #A3C9CB, #489080, #486E6D, #3A5253)
• Antique Bronze color palette (#FAF5E7, #B0D09B, #6D9C81, #876F26, #474500)
• Wandering Pier color palette (#B5ECF1, #4BC6B3, #008E87, #006566, #2E4660)
• Forest Summit color palette (#D2EBE3, #71995D, #00671B, #044A32, #00312A)
• Airy Boulevard color palette (#E5F9FF, #47B2B2, #8E78D1, #007575, #443B61)
• Dusty Cerulean color palette (#E8F8FF, #71CDDD, #008798, #004B54, #003239)
• Hushed Pine color palette (#CEE8E2, #437A44, #004422, #132900, #001311)

Browse the whole catalog at Explore, or see today's palette.