Softworn Pine color palette — #EBF5EA · #A3A377 · #457143 · #5E3F15 · #002316

A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Cream (#EBF5EA): a clean, paper-quiet neutral.
• Sage (#A3A377): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#457143): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5E3F15): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Fern Drift color palette (#EBFAEE, #A09F5F, #536D1E, #5C4813, #1B3D2F)
• Worn Villa color palette (#E7F6ED, #8BAA84, #007660, #5A3958, #0A2205)
• Fern Orchard color palette (#E7F6F0, #7AAAAA, #037471, #404D05, #002222)
• Worn Olive Courtyard color palette (#FFECF3, #B3A872, #4A7B11, #005857, #272000)
• Forest Parlor color palette (#DAE7D9, #8F9260, #25642C, #004148, #131300)
• Driftwood Chapel color palette (#FCF4E6, #DDD0A4, #7D935A, #76612B, #312702)
• Washed Teal color palette (#BFFCED, #5DBCAC, #007771, #003B31, #000E0D)
• Muted Grove color palette (#E9F5F1, #A7CBCC, #5B8B9A, #3E6C60, #193738)

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