Driftwood Cabin color palette — #FBF3F2 · #DFD9D2 · #A4B0A4 · #A2756E · #5B504E

A conversation between Mocha and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFD9D2): bright and airy, almost weightless.
• Ash (#A4B0A4): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A2756E): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5B504E): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Cabin 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 Ash color palette (#F8F3FB, #E3D7D9, #B0B5C1, #A792B4, #555157)
• Worn Garden color palette (#FFF2EE, #D1BEB0, #A48C6B, #607761, #375757)
• Ancient Coast color palette (#F3EAE2, #C1B7AB, #9E8C64, #693500, #281D13)
• Timeworn Loft color palette (#FCF4E7, #D6919C, #A8633C, #1E675A, #4E4643)
• Ancient Basin color palette (#FBF3EF, #DBD9CF, #C1B197, #944E2B, #423832)
• Garnet Hollow color palette (#EADDDA, #A6968E, #8E664D, #56001A, #130503)
• Dusty Grove color palette (#F6F6EC, #C0C4A7, #509072, #7E5C5C, #4C5200)
• Tempered Coast color palette (#FBF3F1, #DDDAD2, #A1B0A6, #9E786B, #58514E)

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