Driftwood Coast color palette — #F2F7F1 · #D3DCDC · #AAABB5 · #9B7B54 · #4F544F

A conversation between Mocha and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D3DCDC): bright and airy, almost weightless.
• Ash (#AAABB5): a calm mid-gray that lets other colors speak.
• Mocha (#9B7B54): A luminous, dusty gold — the color of honey in a jar.
• Charcoal Brown (#4F544F): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Driftwood color palette (#F5F1EB, #D6D8D0, #A5B3AB, #9A7E51, #3B352E)
• Dusty Lantern color palette (#EFF7F6, #D3DDE4, #B9C1CC, #508441, #3A4C49)
• Ancient Denim color palette (#FFF0F7, #C99D81, #698051, #604F7E, #394E3D)
• Worn Pewter Orchard color palette (#FFF0FD, #BED4C0, #78A09D, #776882, #574E5E)
• Muted Fern Studio color palette (#E7F1EC, #BDD1CE, #8AA6AB, #5D5700, #22322A)
• Wandering Onyx Alley color palette (#E4EBE5, #909D99, #4E7A79, #392700, #030C04)
• Spruce Courtyard color palette (#E4F1EF, #9BADB1, #658497, #004417, #001817)
• Worn Courtyard color palette (#FBF2FC, #C3848B, #38815F, #6A4172, #623138)

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