Driftwood Veranda color palette — #F3F4FF · #E8D3EB · #AEA5BF · #A97463 · #5E3F4C

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E8D3EB): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#AEA5BF): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A97463): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#5E3F4C): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Driftwood Pier color palette (#F6F3FF, #E5D4E0, #C3B0CB, #9E7754, #3F5844)
• Washed Cocoa color palette (#FFF0FA, #B2ACDF, #A1818B, #7B5F58, #7B3F1D)
• Dusty Bloom color palette (#CBF2E3, #A1B0E2, #A57C81, #6A5A04, #36352E)
• Olive Grove color palette (#FFF0FB, #F2CAE1, #AE8A97, #587033, #294A2B)
• Pewter Pier color palette (#EEDAF8, #AD87A8, #824B66, #4B2300, #110800)
• Airy Corridor color palette (#FEF0FF, #E9A8D4, #BD7E97, #8D4B00, #3B2800)
• Garnet Station color palette (#EAD8E3, #AA697F, #823638, #2A1C00, #020100)
• Hazy Indigo color palette (#F2F4FF, #D7D8FF, #A997F3, #7E58B0, #503B64)

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