Softworn Pine color palette — #EDF9EB · #92BAA8 · #597E58 · #5C5472 · #2D493D

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF9EB): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92BAA8): A luminous, dusty teal — the color of sea glass.
• Fern (#597E58): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#5C5472): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#2D493D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Field color palette (#EFF7F3, #A0CBC4, #5B8A90, #6F5F75, #37534F)
• Cypress Archive color palette (#E9FBEC, #93A278, #307250, #464866, #0E3E33)
• Weathered Pine Garden color palette (#F5F2E6, #B8B592, #528354, #31587C, #2B280D)
• Cypress Grove color palette (#FBF2F9, #C5E2ED, #5C92AF, #3A6F50, #384961)
• Wandering Cobalt color palette (#F4F4FF, #F1D6DF, #DDBD94, #6E7BAA, #51435B)
• Wandering Bloom color palette (#F7F3FF, #C887B6, #689957, #944282, #2D4C22)
• Frosted Garnet Orchard color palette (#D8F4DF, #7D9F4F, #006C48, #6F2149, #233405)
• Weathered Taupe Parlor color palette (#FBF4EC, #D9D9A5, #8FB989, #AE8389, #514100)

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