Wandering Driftwood color palette — #FFF1F1 · #DEA0B0 · #AF6C6A · #8A5836 · #544F49

A conversation between Mocha and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rosewood Mist (#DEA0B0): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AF6C6A): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#8A5836): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#544F49): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Wandering Driftwood 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 Corridor color palette (#FFF2EA, #DD9F85, #4DA9AE, #9D6147, #39553D)
• Driftwood Hollow color palette (#FFF1F6, #D8ADD8, #AD6981, #894F52, #684B00)
• Driftwood Basin color palette (#FFE7DE, #E1A786, #AD824E, #71622B, #4F4E47)
• Aged Bronze color palette (#F6E3FD, #E5AAB2, #B6675D, #8A462B, #482A3B)
• Dusty Chestnut Workshop color palette (#FFF2EC, #DFDDCC, #B4CBB3, #AC8285, #7C4517)
• Softworn Cerulean color palette (#FFF2ED, #C6847E, #4E92BA, #607199, #48403D)
• Pale Amber Boulevard color palette (#F8D8D6, #D47C47, #905500, #5A4900, #323E00)
• Aged Bronze Boulevard color palette (#FFE1D7, #BD6300, #674500, #2E2B00, #001D0E)

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