Softworn Driftwood color palette — #FBF3F2 · #DFD9D3 · #A1B2A4 · #A07287 · #5A504F

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

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFD9D3): a clean, paper-quiet neutral.
• Ash (#A1B2A4): A luminous, dusty teal — the color of sea glass.
• Mocha (#A07287): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#5A504F): quiet, heavy and certain.

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

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

• Antique Quarry color palette (#FAF4EF, #DCDDD1, #BBC5B0, #986744, #4E463F)
• Driftwood Grove color palette (#F5F0F7, #E1D3D9, #B8AAA7, #8E7A97, #38343A)
• Ancient Basin color palette (#FFF1F3, #CFB8B2, #A68D76, #597A6C, #5F4D59)
• Fern Garden color palette (#F8F5EA, #C2C4A0, #5C8E76, #7B5C64, #505100)
• Cocoa Pier color palette (#E4DED9, #C4B7A7, #9A8D6C, #722C00, #281D15)
• Dusty Station color palette (#FBF5E3, #CE92B4, #AC6041, #2B6173, #58413D)
• Hushed Onyx color palette (#F7ECEA, #AA958B, #8B684D, #540028, #120504)
• Hushed Olive color palette (#FDF2F1, #C1829F, #5D7B3F, #205A75, #4E3A51)

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