Softworn Pine color palette — #FCF4E8 · #B5B092 · #46825C · #744C5D · #4C4300

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sage (#B5B092): A luminous, dusty green — the color of fresh herbs.
• Fern (#46825C): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#744C5D): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pale Pine Villa color palette (#FFF3E3, #9BAC69, #0E7E46, #643A83, #36400B)
• Driftwood Thicket color palette (#F9F5EB, #CCC69B, #759C68, #826688, #4C4300)
• Tempered Olive Meadow color palette (#E8F6EE, #90BFAF, #568346, #555071, #162C25)
• Dusty Driftwood Basin color palette (#FFF2EC, #E0DFC0, #9ECB99, #A9658D, #544E48)
• Cypress Balcony color palette (#FAF4F0, #C5E5D2, #5A8FBF, #00735B, #5B3C52)
• Aged Bronze color palette (#FFF3E9, #E4B18A, #A25C29, #673200, #4D2100)
• Weathered Thicket color palette (#EBFAED, #CDDDA4, #8BB99A, #8A8EAC, #324841)
• Lagoon Hollow color palette (#FFF3E4, #AA8041, #008C90, #296A90, #3C3731)

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