Patina Driftwood Harbor color palette — #F9F4EF · #D9DED2 · #9BB4C3 · #A4844A · #342D24

A conversation between Caramel and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#D9DED2): a clean, paper-quiet neutral.
• Ash (#9BB4C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#A4844A): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#342D24): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina 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

• Antique Taupe color palette (#EFF8F1, #CDDDDC, #AAC9CA, #AF9E70, #333E36)
• Washed Hollow color palette (#F6F6ED, #BDE1DA, #C1BCC6, #688D00, #272511)
• Weathered Chestnut Bloom color palette (#F0F7F2, #CDDDDD, #A3B9B2, #7D5F05, #343D36)
• Timeworn Abyss color palette (#DFE1D8, #B4BFAE, #779D7F, #004A14, #010100)
• Bone Study color palette (#FFF3E4, #D4DEA9, #70AD9D, #865E63, #482C30)
• Faded Emerald color palette (#FFF3E6, #DFAD58, #569039, #613B86, #2B2003)
• Chestnut Thicket color palette (#F8F5EE, #D5DDCF, #B7BFA0, #735D00, #110C03)
• Chalky Ridge color palette (#FDF5DC, #F5E314, #D5D7CB, #20C19F, #292602)

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