Driftwood Harbor color palette — #FBF2F7 · #E8D5D2 · #BBCDBF · #A3735C · #41373D

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Bone (#E8D5D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Oat (#BBCDBF): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A3735C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#41373D): 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 Harbor 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

• Antique Amber color palette (#FAF4F0, #DBDACF, #BDC2B2, #D58A6A, #423832)
• Hushed Chestnut color palette (#FBF2F7, #D3DDDA, #A7B8AE, #8D5239, #44363E)
• Patina Bronze Field color palette (#EBF9EF, #CCE5DA, #9FC8BE, #917401, #203929)
• Timeworn Chestnut color palette (#ECDEE3, #B8CAB9, #8BAE9A, #8E4D0A, #2A1921)
• Stone Pier color palette (#FFE5CC, #C8B576, #669489, #596D7F, #3C4965)
• Antique Bronze Hollow color palette (#E2F6E2, #AC7300, #254836, #192519, #140A0F)
• Washed Chapel color palette (#DBF7E0, #F17E16, #8E7500, #0B5E76, #412730)
• Tempered Mustard Summit color palette (#E8FBEF, #ADBE6C, #698C5B, #765870, #1F3C33)

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