Driftwood Harbor color palette — #FBF2F7 · #E1D7D6 · #BAC8C3 · #AF846E · #51434A

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#E1D7D6): bright and airy, almost weightless.
• Stone (#BAC8C3): a calm mid-gray that lets other colors speak.
• Caramel (#AF846E): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#51434A): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

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

• Antique Delta color palette (#FAF4F0, #DCDBD2, #ABB9AD, #DC997F, #4E4640)
• Wandering Grove color palette (#EFF8F3, #CEDDDE, #A5C8CC, #938900, #34443C)
• Softworn Lichen color palette (#E0FFE0, #B3D0BD, #8FABA0, #5B7A7D, #5E4A66)
• Chestnut Garden color palette (#ECDDE3, #ADB8AC, #869C89, #7B4200, #1E0E15)
• Softworn Station color palette (#E9FAF0, #A4D0BD, #699B8C, #8A6574, #2C4A3E)
• Amber Study color palette (#D8EBD8, #BC821D, #3A5442, #253225, #1E1619)
• Washed Sand color palette (#FFF1F5, #FFD7C2, #FBC27D, #BDA65A, #224026)
• Aged Delta color palette (#E8FBEC, #E0A361, #9D833C, #307253, #2D442E)

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