Driftwood Terrace color palette — #FBF4EF · #E0DECE · #AD775F · #643A26 · #241811

Built around Caramel, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Bone (#E0DECE): A whisper-light, dusty green — the color of a quiet forest floor.
• Caramel (#AD775F): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#643A26): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#241811): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Bronze color palette (#F9F5EB, #D7E7BB, #80792A, #3F3A00, #150F00)
• Ancient Marigold Summit color palette (#F5EDDE, #C09D42, #483A00, #1D2724, #0B0700)
• Washed Bronze Study color palette (#FBF3EF, #EEDCB3, #C98E7F, #995B39, #322925)
• Hushed Stone Hollow color palette (#F9EEF6, #D0C48A, #81544A, #3E2939, #181216)
• Shadow Bronze color palette (#F5E8DE, #A56D00, #2E1300, #0F0C05, #030100)
• Tempered Chestnut Corridor color palette (#FDF4E6, #E9CC90, #7D5E10, #352500, #070300)
• Washed Bloom color palette (#FAF5E8, #E7DEAD, #9AA976, #238280, #4D3E00)
• Wandering Cerulean color palette (#FFF1F2, #DFB3D8, #71BBCE, #5586B6, #3E2C2E)

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