Driftwood Pier color palette — #F6EFF6 · #9DC7F9 · #B66870 · #4C74A4 · #20120E

A conversation between Mocha and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Sky (#9DC7F9): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#B66870): A luminous, balanced red — the color of late-summer berries.
• Slate (#4C74A4): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#20120E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Driftwood Orchard color palette (#EDF4EE, #81D3DC, #A46F94, #347E85, #1E1213)
• Powder Corridor color palette (#F8EFF4, #BDBAFF, #9A7F48, #6D69A3, #1B150C)
• Hushed Station color palette (#F1F5FC, #BCD1FF, #C7859B, #718BC6, #322B36)
• Timeworn Periwinkle Alley color palette (#EDF6DF, #92A8ED, #9D6383, #50534C, #39252E)
• Tempered Driftwood Cabin color palette (#FEEAFF, #B9B6F4, #A777A9, #77434F, #4C1700)
• Driftwood Thicket color palette (#F8EFF3, #E3D5D1, #B3B0A3, #9A768A, #3A3437)
• Ultramarine Canyon color palette (#FFEBF9, #8E9FFF, #906000, #4243C8, #100700)
• Dusty Courtyard color palette (#FDEDF5, #8786CC, #736824, #544D22, #161D12)

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