Softworn Driftwood color palette — #FFF3E7 · #D7EAB9 · #BCCD99 · #B0735E · #5B3E00

Mocha and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#D7EAB9): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BCCD99): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#B0735E): A luminous, balanced orange — the color of toasted spice.
• Bronze (#5B3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Softworn Driftwood 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

• Stone Corridor color palette (#FFF2EC, #E7DBBD, #D3BE7C, #AB6C75, #403A35)
• Timeworn Bronze color palette (#FEF5DC, #CDE2C0, #8BD1C9, #A57B44, #3D3B34)
• Aged Plum color palette (#FFF3E8, #E3D7B3, #7DB797, #A44E5C, #593C00)
• Chestnut Terrace color palette (#FCE3CE, #C6A884, #A5744F, #824936, #34302A)
• Patina Fern Studio color palette (#F7F6E7, #BBE2D9, #B5B4C2, #AE9E7A, #525100)
• Sunlit Celadon color palette (#F6FAC7, #C0F090, #5FCE9F, #A67F00, #344300)
• Patina Blush color palette (#FFF0F7, #FBEAB2, #A6E9C1, #DB91A6, #344939)
• Worn Lantern color palette (#F1DDC2, #D1C976, #7CAE5A, #A3520A, #312600)

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