Driftwood Pier color palette — #BEECDA · #A9CBC8 · #7CAABD · #AC6A73 · #603B4B

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

The five colors

• Mint (#BEECDA): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A9CBC8): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#7CAABD): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#AC6A73): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#603B4B): A full-bodied, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Antique Lantern color palette (#D3F4ED, #ADD1D4, #86AAC0, #A9786F, #345138)
• Weathered Driftwood color palette (#D4ECD6, #AFCAB9, #8FB08C, #9B78AB, #612E38)
• Antique Chapel color palette (#CCEAD4, #A3C8B5, #6B9C8D, #715D84, #513652)
• Softworn Cocoa color palette (#D9E9DD, #65BABA, #537C70, #74361D, #3D271F)
• Muted Terracotta Boulevard color palette (#CBF5E7, #79ACB0, #3A8DAB, #984244, #3B2600)
• Quiet Hollow color palette (#D8F6E5, #73D1E0, #76ABFD, #AC6200, #3A4200)
• Bronze Quarry color palette (#D1E6EE, #A0BAD4, #A191C4, #82791E, #00403E)
• Teal Alley color palette (#E6FBF4, #ACD6B7, #53B3A1, #7A8C59, #003E3D)

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