Driftwood Balcony color palette — #F9F4EF · #DADCD2 · #9BB2B0 · #9B7C51 · #57524B

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#DADCD2): a clean, paper-quiet neutral.
• Ash (#9BB2B0): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#9B7C51): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#57524B): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Hollow color palette (#F7F1EA, #D6DACF, #A3B4AF, #A87740, #3B352F)
• Ancient Courtyard color palette (#F5F6EF, #D4DED7, #B1C6BD, #5C7F56, #484841)
• Tempered Taupe color palette (#FFF4E1, #CCC7A8, #8D9972, #7D6677, #5D4947)
• Patina Summit color palette (#E3E3D8, #B7BBAA, #839573, #314F00, #212012)
• Washed Field color palette (#FDF4E6, #BFA372, #6D8133, #3F5C7C, #5B4400)
• Weathered Chestnut color palette (#F6F6EB, #BFC4A7, #548F76, #8C5825, #4B5302)
• Pewter Coast color palette (#E4DED5, #A09A85, #67774E, #382800, #0F0800)
• Tempered Forest color palette (#F2F7EC, #CBD7C7, #71B4BA, #006B49, #293A00)

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