Driftwood Lagoon color palette — #FBF3EE · #DCDACC · #BCC1B0 · #AB6F58 · #423832

Built around Mocha, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DCDACC): a clean, paper-quiet neutral.
• Stone (#BCC1B0): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#AB6F58): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#423832): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Driftwood Lagoon 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 Coral Lantern color palette (#FAF3F7, #D3E0DC, #B2C6C7, #D8886D, #42373E)
• Weathered Quarry color palette (#FBF3EF, #DADACF, #B9B49D, #8B5343, #5F2800)
• Olive Ridge color palette (#EFEFE7, #D5DACA, #ABBEA6, #647B47, #302F1E)
• Taupe Hollow color palette (#FFDDCE, #D2B694, #879B6B, #7C5969, #603E4B)
• Antique Loft color palette (#FCF4E7, #ACBE73, #5A8F5D, #7C5958, #37362F)
• Fern Alley color palette (#E1DED6, #A6A78A, #7F8C6D, #4B4700, #0D0900)
• Softworn Chestnut Hollow color palette (#EFE4DB, #D1C2AC, #AEA586, #8A502B, #2A1C10)
• Washed Bronze color palette (#F9E8D3, #AF7100, #4E3E00, #2A2013, #130B07)

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