Driftwood Harbor color palette — #F3F4FF · #B4AAC5 · #B37C74 · #44707C · #455265

Caramel and Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B4AAC5): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#B37C74): A luminous, dusty orange — the color of autumn markets.
• Teal (#44707C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#455265): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Worn Basin color palette (#F5EDFF, #D1ACC8, #6C8F71, #50677E, #425163)
• Denim Drift color palette (#F7DEFE, #B794A7, #7B7143, #43527A, #483553)
• Olive Balcony color palette (#FDF2F5, #B9B083, #677D39, #4E587B, #30493B)
• Faded Bronze color palette (#FAE9FF, #D17293, #AA5500, #005667, #004054)
• Frosted Terracotta color palette (#FEF0FF, #D9838A, #009F94, #A1414E, #184A53)
• Worn Driftwood color palette (#FEF0FF, #C06C76, #008E85, #007687, #423143)
• Bronze Study color palette (#FFDDDB, #D7B2AA, #B37053, #775508, #393730)
• Antique Garden color palette (#EEE9FF, #DC88B6, #CE4C6E, #8E3C3A, #624057)

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