Driftwood Drift color palette — #FFF2EF · #DEC7AE · #A1A185 · #997173 · #654244

Mocha and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Oat (#DEC7AE): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A1A185): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#997173): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#654244): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Timeworn Oat Villa color palette (#FFF4E1, #D3D7A8, #B4B89D, #9E8D9D, #5D4551)
• Petrol Courtyard color palette (#FFE7E5, #DDC3C0, #B89688, #507CA0, #68414B)
• Soft Terracotta Archive color palette (#FFE4CA, #C6BF85, #669F7E, #9E555B, #704107)
• Cerulean Veranda color palette (#E9DECE, #ABA982, #2C939E, #7E4D36, #532914)
• Frosted Grove color palette (#F7DBD3, #BDB075, #419D71, #8F4760, #6C203F)
• Aged Driftwood Meadow color palette (#E7FCE8, #A1BFB1, #6E9474, #526788, #4A4E68)
• Airy Thicket color palette (#FBE1E0, #AC7A5E, #596D2D, #5E184C, #3A0007)
• Weathered Petrol Terrace color palette (#ECECDC, #669F83, #007590, #6F4200, #381F00)

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