Dusty Driftwood Pier color palette — #FDF1F7 · #B9DBC0 · #9F7256 · #634153 · #35262E

Mocha and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Oat (#B9DBC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#9F7256): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#634153): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#35262E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, 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

• Muted Cocoa Hollow color palette (#FEF3EA, #DDE2CA, #A77A60, #6A3700, #211913)
• Hushed Cocoa Grove color palette (#F0F7F1, #B8DCBF, #64876B, #5F4A1D, #222F25)
• Aged Chestnut color palette (#FBF2F7, #9DCDB6, #854E35, #4C2D40, #2E2324)
• Bronze Delta color palette (#FCF3EE, #E7E1A4, #BB957F, #985C35, #342922)
• Hushed Amber color palette (#FAF3F5, #EEC9A5, #88A862, #B97E3C, #1B332D)
• Petrol Courtyard color palette (#F0F8F0, #BD996E, #2895AA, #6960A8, #382D39)
• Amber Orchard color palette (#D4E3DC, #B48C2A, #4A4700, #1D1C00, #030300)
• Pale Mustard Atelier color palette (#EDF9EC, #DEB457, #8E5D00, #513400, #09210A)

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