Dusty Driftwood Pier color palette — #F9F3F8 · #B1DDC6 · #A96967 · #5A4558 · #312830

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Celadon Mist (#B1DDC6): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A96967): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#5A4558): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#312830): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Bronze Quarry color palette (#F1F7F1, #B5DDBF, #9D7536, #3E533F, #262E26)
• Weathered Cocoa color palette (#FDF3EE, #DFE1CD, #AC766E, #6E3313, #241812)
• Hushed Ridge color palette (#FCF3F0, #E6E0B3, #C68D90, #84645B, #362723)
• Wandering Cocoa color palette (#FEF3EC, #E4B784, #7F5041, #5B2800, #28241C)
• Aged Moss color palette (#F9F3F8, #FEBFB4, #87A958, #C07569, #20322D)
• Dusty Taupe Field color palette (#FAF3F6, #CFD9DB, #A7A4B0, #B89376, #594F53)
• Aged Lagoon color palette (#FBF2FB, #E18B91, #069E97, #766492, #3B313B)
• Bronze Archive color palette (#D4ECE0, #AC7800, #3B3A00, #111000, #000201)

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