Driftwood Coast color palette — #FBF3EF · #E7CCB0 · #A16F62 · #6B4036 · #362821

A conversation between Mocha and Cocoa, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Wheat (#E7CCB0): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A16F62): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#6B4036): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#362821): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Washed Bronze color palette (#F9F5EB, #D4C397, #847025, #504102, #272114)
• Ancient Harbor color palette (#FBF3F1, #C7C294, #824D4B, #5F2309, #2B241B)
• Muted Lagoon color palette (#FAF4EF, #F2C7AC, #AC9B63, #CB7230, #312D27)
• Muted Sand Bloom color palette (#FAF3F9, #E8E0A3, #C98B8A, #796578, #312831)
• Aged Amber Parlor color palette (#FCEED9, #B18C3A, #594100, #241800, #040200)
• Timeworn Marigold color palette (#E7DCD1, #CC9B4B, #7B4700, #3E2100, #140800)
• Bronze Cabin color palette (#FFECDF, #A16500, #4B1A00, #1A1C11, #100200)
• Washed Cocoa color palette (#FBF4E7, #D2BB88, #969660, #347D70, #5C4300)

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