Driftwood Harbor color palette — #FEF2F0 · #E1DBCF · #AD7381 · #5E3C36 · #231816

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

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Dusty Rose (#AD7381): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#5E3C36): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#231816): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Softworn Bronze Study color palette (#FDF3EA, #E4E4B1, #A2662A, #4F3012, #150E07)
• Tempered Corridor color palette (#FDF2F3, #DFE4A1, #BE8CAE, #806566, #332829)
• Washed Shell color palette (#FFF2EE, #FEA7B1, #BFAE68, #827AAA, #3C2E2A)
• Worn Coral Study color palette (#FBF3F1, #E4D9D3, #DF9E6E, #D57D7F, #261C14)
• Muted Villa color palette (#F5EFFA, #A9CEB1, #7E5264, #382A41, #17111B)
• Amber Quarry color palette (#FAEBE0, #D49334, #5F2B00, #1D251F, #110400)
• Hushed Chestnut Workshop color palette (#FFF2EA, #FAC587, #964B2A, #431A07, #090200)
• Timeworn Study color palette (#FFF2EB, #E5D8C5, #EBA568, #96672C, #573E00)

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