Driftwood Harbor color palette — #FAF2F9 · #B7DCBF · #A06E6B · #5D435A · #312830

Built around Mocha, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Celadon Mist (#B7DCBF): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A06E6B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#5D435A): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#312830): quiet, heavy and certain.

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

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

• Timeworn Canyon color palette (#F0F8EF, #BDDAC2, #97764F, #634722, #242F24)
• Wandering Parchment color palette (#FFF2EF, #D6E6B2, #C38D99, #7E6662, #332927)
• Washed Amber Veranda color palette (#FAF3F7, #F6C4B5, #95A36C, #C5735B, #1E332C)
• Wandering Taupe color palette (#FAF3F6, #D0D9DA, #A6A7B1, #B99276, #5B4F54)
• Ancient Amber Corridor color palette (#D7E7D8, #B08D3C, #5D3E00, #261700, #000400)
• Rust Grove color palette (#FFF0F9, #D7B66F, #AB4500, #632500, #281220)
• Antique Cobalt Drift color palette (#FCF2F9, #D29C92, #65AAA1, #3183B0, #473744)
• Petrol Boulevard color palette (#EAFAED, #DDB591, #9A9555, #27779F, #394E3C)

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