Driftwood Lantern color palette — #FDF2F1 · #E6CDA6 · #A76683 · #67423F · #342827

Built around Mocha, softened by Wheat — the whole palette hums with sophistication.

The five colors

• Ivory (#FDF2F1): bright and airy, almost weightless.
• Wheat (#E6CDA6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A76683): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#67423F): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#342827): a grounded near-black with real depth.

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

Use it as a design system

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

• Driftwood Pier color palette (#F8F3FA, #D6D9CC, #A67782, #503F55, #1F1920)
• Antique Bronze color palette (#FBF4ED, #DAC18F, #996338, #623600, #2A1F16)
• Stone Studio color palette (#FDF2F3, #A7CCA3, #7B5058, #4A3035, #2C221E)
• Wandering Corridor color palette (#FBF3F1, #FABECA, #D18845, #BE7383, #322D28)
• Ancient Parchment Grove color palette (#F6F4FB, #DCE3B4, #A597B9, #736683, #2D2932)
• Weathered Plum Boulevard color palette (#FFF2EE, #E5B234, #AE3A4E, #651D2A, #28150F)
• Worn Lagoon color palette (#FBF3F0, #DDDAD2, #AEB4A9, #C38B84, #5A504C)
• Amber Meadow color palette (#FDF4E5, #F0AA99, #B98841, #347B82, #4D4641)

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