Driftwood Lantern color palette — #F8F3F9 · #B0DCD0 · #A16D73 · #5B445D · #312832

Mocha and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Oat (#B0DCD0): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#A16D73): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal Brown (#5B445D): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#312832): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Lichen Alley color palette (#FFF2EF, #EDFDCA, #A57A71, #593F3A, #241815)
• Aged Archive color palette (#FAF2F9, #F8DA9C, #CA8C87, #7C6479, #312830)
• Dusty Cocoa color palette (#FEF2EE, #D4BC98, #834D49, #5F2307, #2C241A)
• Patina Study color palette (#FAF3F6, #CFD9DB, #AAA7B2, #BB9179, #5B4F54)
• Muted Bronze color palette (#EFF8F2, #DDC08D, #876F21, #514009, #17261C)
• Washed Field color palette (#FFF1F5, #E5AFA4, #97965D, #69689C, #57404A)
• Tempered Market color palette (#F9F3F9, #F7C2C1, #89A766, #D2666A, #1C332D)
• Bronze Balcony color palette (#D8EAE1, #AF7615, #3E3900, #121000, #020200)

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