Driftwood Harbor color palette — #FFF1F2 · #F7D2D3 · #EB9FBC · #AF647A · #634039

Mocha takes the lead with Ballet Pink close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F7D2D3): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#EB9FBC): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AF647A): A full-bodied, balanced red — the color of embers at dusk.
• Cocoa (#634039): A full-bodied, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Softworn Mallow color palette (#F7F3FF, #E99DCB, #BA6F91, #835062, #58465D)
• Antique Bronze Thicket color palette (#FFF2ED, #F3D6BC, #DE977E, #B76E4B, #514B46)
• Hushed Terracotta color palette (#FFF2EE, #E4D8D3, #DD989C, #9E545A, #482125)
• Ancient Violet color palette (#FFF0F8, #F0D2EC, #C6A9EE, #8F68AB, #6C434D)
• Washed Blush Grove color palette (#FEF2F0, #F7D3CA, #D8CD92, #DB7593, #594300)
• Powdered Scarlet Courtyard color palette (#FFDFE3, #FB8F94, #CF3536, #941600, #400F00)
• Airy Ember color palette (#FFF1F0, #FFA395, #DC633F, #9E3E00, #4F2203)
• Antique Rose Atelier color palette (#FFF1F5, #FFADBB, #F63C66, #C4002E, #6B1208)

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