Softworn Driftwood Coast color palette — #FBF3F2 · #DFDAD2 · #9FB1A9 · #A3746E · #59504F

Mocha and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFDAD2): bright and airy, almost weightless.
• Ash (#9FB1A9): A luminous, dusty teal — the color of sea glass.
• Mocha (#A3746E): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#59504F): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Boulevard color palette (#FFF1F4, #DDC6BF, #A79783, #806A78, #624A4D)
• Muted Study color palette (#F5EFF6, #DFD3D6, #B5AAA5, #907A94, #39343A)
• Cocoa Workshop color palette (#EAE2DC, #BFB8AB, #91906F, #6A3400, #271D14)
• Weathered Chestnut Dune color palette (#FAF4F0, #DADACE, #B9B49A, #915035, #413933)
• Ancient Bronze Parlor color palette (#FAF5E3, #CE91BA, #A66534, #28607E, #56423E)
• Weathered Fern color palette (#F8F5EA, #BEC5A3, #4A8F84, #785E61, #4A5303)
• Garnet Lagoon color palette (#F3EAE8, #A5978D, #8D6A26, #55001D, #150402)
• Softworn Olive color palette (#FEF1F5, #A48BBF, #6E7726, #4F4C81, #533948)

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