Softworn Pine color palette — #FBF4E8 · #B7B08C · #558054 · #5A5479 · #4D4200

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Sage (#B7B08C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#558054): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#5A5479): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Cypress color palette (#FBF5E7, #A09D77, #38714A, #53406C, #2E3B16)
• Patina Fern Summit color palette (#F6F5EE, #BEC4AB, #548E80, #7C5C62, #495405)
• Tempered Pine Lantern color palette (#E9F5F1, #90BEB6, #43864F, #345B69, #0F2D29)
• Muted Mint Boulevard color palette (#ECF9F0, #CFDCAC, #8ABA8C, #888EAB, #334840)
• Plum Alley color palette (#FFF1F3, #BD8DB9, #5A9B64, #9B3097, #1E4E28)
• Worn Driftwood Pier color palette (#FFF1F3, #E3D9D1, #F4BC9B, #7E73A9, #614645)
• Muted Cypress color palette (#FAF3F0, #CEE2D2, #5593AE, #007459, #2B4A69)
• Feathered Aubergine color palette (#F5EBCC, #69A455, #006B4B, #5E1C7E, #113800)

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