Softworn Driftwood Harbor color palette — #F9F4ED · #D8DDC9 · #BBC3AE · #957D47 · #403A2F

Built around Mocha, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Bone (#D8DDC9): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#BBC3AE): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#957D47): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#403A2F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Amber Pier color palette (#F9F4EF, #D9DCD4, #9BB0C2, #B67D1E, #322D28)
• Worn Cypress Drift color palette (#EBF1E7, #CEDDCA, #A7BFA7, #2A826E, #293124)
• Hushed Taupe Grove color palette (#F5F6EE, #D4DED5, #A4B5B2, #9C9F79, #52534A)
• Antique Lagoon Atelier color palette (#E6E2C6, #B6B88D, #6A9D82, #4D7460, #2E4940)
• Olive Lantern color palette (#E6E0CB, #858600, #484100, #27210D, #100D05)
• Hushed Forest color palette (#E7EBDD, #A0A893, #7D8C72, #005426, #080B01)
• Weathered Veranda color palette (#F0EADC, #CCC4AC, #ABA688, #716000, #261E0D)
• Mustard Bloom color palette (#FEF5DB, #FFCE70, #D5C201, #819F30, #35332D)

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