Driftwood Hollow color palette — #F8EAE4 · #B66B5E · #5D2C00 · #271B16 · #110B09

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F8EAE4): bright and airy, almost weightless.
• Mocha (#B66B5E): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#271B16): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110B09): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Hollow 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 color palette (#F4ECE2, #A27B39, #3E3B34, #241D13, #100C07)
• Inked Lagoon color palette (#F1DED0, #A55000, #3E2200, #1D0B00, #080200)
• Coral Courtyard color palette (#FDECF9, #DD7C6D, #64525D, #3E353C, #242024)
• Emerald Quarry color palette (#FCF0E2, #BC945E, #6B9D60, #A85F6D, #312515)
• Coral Station color palette (#FEF2ED, #EC9287, #774809, #362720, #150D0C)
• Aged Bronze color palette (#F9F0E8, #DFA578, #B988BF, #A06025, #47252D)
• Chestnut Summit color palette (#F2F2EB, #C2C7AA, #618F70, #875420, #31322B)
• Shadow Fern color palette (#E0E5D0, #556300, #2A3437, #122400, #070900)

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