Softworn Pine color palette — #E9FBEC · #D9A57E · #A47F3D · #227540 · #53313E

Pine takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#D9A57E): A luminous, balanced gold — the color of honey in a jar.
• Caramel (#A47F3D): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#227540): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#53313E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro, 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

• Worn Cypress Delta color palette (#E9FBED, #D4A86D, #97863E, #007557, #27452D)
• Wandering Amber Meadow color palette (#FFF1F5, #DD9DA3, #BE6D59, #6B6600, #4D334B)
• Soft Parlor color palette (#ECF9F2, #ACA866, #339562, #006A75, #1F385D)
• Patina Amber color palette (#F4DEE6, #C47C3D, #40533F, #3C2630, #1F151A)
• Antique Coral color palette (#E9FAEE, #D37A79, #8B6100, #28507B, #4B3642)
• Amber Veranda color palette (#F7E3AD, #CA8A00, #806E00, #005B46, #362600)
• Softworn Driftwood Harbor color palette (#EDF9EF, #A9CFB7, #96925A, #936550, #31493A)
• Hushed Dune color palette (#FFF4DE, #FFAFA9, #C79D4B, #6286A6, #423C37)

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