Wandering Driftwood Courtyard color palette — #FFF2ED · #B8C3FF · #AB99D2 · #AF6B76 · #4D3443

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Lavender (#B8C3FF): A whisper-light, balanced violet — the color of a velvet chair.
• Mauve (#AB99D2): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#AF6B76): A luminous, balanced red — the color of late-summer berries.
• Charcoal (#4D3443): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Wandering Driftwood Courtyard 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 Ridge color palette (#FFF2EB, #E1C3F2, #C7A0BE, #AC816C, #584045)
• Periwinkle Grove color palette (#EFFAE1, #91CFFD, #83A4E3, #9D7194, #1D463D)
• Quiet Mallow color palette (#FFF1F6, #C8AEF9, #CD86AC, #B26452, #113B58)
• Patina Lilac Delta color palette (#EFDFE9, #9EA1EF, #826773, #55444E, #1D161B)
• Tempered Sky Drift color palette (#F9F7DB, #78BAE6, #8B7CB2, #5A6B32, #493648)
• Faded Coral color palette (#FFEADA, #F39BBD, #D6777C, #8C7127, #49241F)
• Magenta Drift color palette (#FFDBD4, #C298FF, #CE4CDB, #BE3000, #391150)
• Patina Amethyst Alley color palette (#FFEAFD, #8D96DA, #7854AF, #6E2F3A, #1C2136)

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