Driftwood Chapel color palette — #FBF3F1 · #DEDAD2 · #A3B0A9 · #9D786D · #58504E

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DEDAD2): a clean, paper-quiet neutral.
• Ash (#A3B0A9): a calm mid-gray that lets other colors speak.
• Mocha (#9D786D): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#58504E): quiet, heavy and certain.

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

Use it as a design system

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

• Oat Thicket color palette (#FFF2EE, #E2C6B2, #A1987F, #7E687A, #5C4B4F)
• Worn Chapel color palette (#F6EFF5, #DFD3D5, #B7AAA4, #917A8E, #393439)
• Patina Cocoa color palette (#EDE5DB, #C1B8A3, #92906F, #603B00, #2A1C0C)
• Weathered Bronze Hollow color palette (#FDF4E3, #D4939D, #9D6B32, #365D7D, #4E4642)
• Wandering Chestnut Balcony color palette (#FAF4EF, #D9DBCD, #B9B49B, #915112, #423931)
• Worn Fern color palette (#F6F6ED, #BAC7A2, #439087, #795E5E, #43550F)
• Garnet Courtyard color palette (#E4DCD9, #A89688, #8E6927, #570006, #140501)
• Timeworn Pine Studio color palette (#FFF2EE, #CE7D88, #3E8148, #3E537B, #503A4E)

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