Driftwood Harbor color palette — #F8DFFF · #E0A09D · #B57062 · #855036 · #482737

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F8DFFF): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#E0A09D): A luminous, dusty orange — the color of toasted spice.
• Mocha (#B57062): A luminous, balanced orange — the color of autumn markets.
• Coffee (#855036): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#482737): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Timeworn Harbor color palette (#FEDDFA, #ECAE9B, #B77C5E, #734B25, #2A412A)
• Driftwood Delta color palette (#F1EFFF, #DDACD3, #B1769B, #7C4357, #453148)
• Bronze Studio color palette (#FAEEF5, #DDA491, #5CA8C2, #9F5E48, #0F3548)
• Driftwood Bloom color palette (#FFECF4, #F3C5A6, #A97656, #6B3F24, #2F0F20)
• Ancient Parlor color palette (#FFEAE6, #F2BAB8, #DD8B7C, #AC6644, #524C47)
• Linen Grove color palette (#F5DFDB, #F87237, #A75200, #6C4000, #302000)
• Patina Cobalt color palette (#FFEBF6, #CA8B6D, #619C83, #7470AB, #34202C)
• Muted Driftwood color palette (#FCEDF5, #E6D2D0, #B2DCC5, #9B7996, #433239)

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