Driftwood Harbor color palette — #FBF3F1 · #DED9D2 · #A7B0A5 · #A0766C · #58514F

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DED9D2): a clean, paper-quiet neutral.
• Ash (#A7B0A5): a calm mid-gray that lets other colors speak.
• Mocha (#A0766C): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#58514F): quiet, heavy and certain.

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

Use it as a design system

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

• Dusty Ash Bloom color palette (#F8F3FA, #E3D7D9, #B9AFA8, #A893AE, #565058)
• Washed Olive color palette (#FFF2E9, #DAC9B7, #A18F70, #6C7B36, #3F4F46)
• Patina Cocoa color palette (#F6EDE4, #C1B7AB, #9C8C6F, #633900, #2A1C0D)
• Washed Meadow color palette (#FFF3E5, #D1978B, #A3663A, #4F6035, #6E360A)
• Washed Chestnut color palette (#FBF4EE, #DCDACB, #C1B09B, #92501B, #423831)
• Dusty Alley color palette (#EBE3E0, #AB9489, #9B6037, #57000C, #120603)
• Washed Chestnut Villa color palette (#F5F6EB, #BDC6A2, #519070, #8A5922, #485406)
• Aged Delta color palette (#FBF3F0, #DDD9D2, #A2B1A5, #A4746C, #59504D)

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