Driftwood Studio color palette — #FCF2F2 · #C3EBD5 · #A67878 · #613A3B · #261616

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

The five colors

• Ivory (#FCF2F2): bright and airy, almost weightless.
• Celadon Mist (#C3EBD5): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#A67878): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#613A3B): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#261616): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Hushed Driftwood Pier color palette (#FDF2F6, #D9F9D6, #8A7DAC, #4A3F64, #22181C)
• Softworn Garden color palette (#FCF3EC, #F5E5AE, #A1663C, #582A02, #160D06)
• Hushed Balcony color palette (#F9EFED, #EBB78E, #7E554C, #402B27, #1B110F)
• Taupe Coast color palette (#F9F2FC, #FFD4B9, #C58C9B, #78647F, #2F2931)
• Mustard Garden color palette (#FFE9DC, #B6A23E, #672300, #1B221B, #130300)
• Tempered Dune color palette (#FCF3EE, #E6B099, #859A5E, #107595, #37201F)
• Hazy Studio color palette (#FFF2EF, #DCDF8D, #A7455E, #580925, #140201)
• Patina Blush Coast color palette (#FBF3F2, #E8D8D7, #ABB579, #DA739F, #221E0C)

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