Softworn Driftwood color palette — #FCF2F3 · #E2DCD1 · #9B7999 · #5C3C41 · #251719

Heather and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF2F3): a clean, paper-quiet neutral.
• Bone (#E2DCD1): bright and airy, almost weightless.
• Heather (#9B7999): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5C3C41): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#251719): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Dusty Bronze color palette (#FFF2EC, #E8DEB6, #A06458, #552B23, #190B05)
• Ash Basin color palette (#FDF2F5, #E0E1B7, #AC92C1, #79628A, #35272B)
• Mallow Summit color palette (#FFF1F5, #D3B3F2, #77BDBC, #4C8BA6, #3E2B32)
• Tempered Grove color palette (#F6F4FB, #E4B3A4, #784C76, #3B334E, #292329)
• Pewter Canyon color palette (#F1F1FA, #9CD0C4, #6D5583, #2F2E45, #13131A)
• Worn Cocoa Summit color palette (#FFF2EF, #EBD5CB, #DF9E97, #A96550, #692E0B)
• Dusty Alley color palette (#FFF0F8, #AAA7E5, #64A991, #16707A, #2C202D)
• Amber Basin color palette (#FFE9E1, #DE8C3D, #720B19, #0D110A, #170001)

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