Driftwood Loft color palette — #FCF3F0 · #DFDAD1 · #A3B0A9 · #9C786F · #59504E

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

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Bone (#DFDAD1): a clean, paper-quiet neutral.
• Ash (#A3B0A9): a calm mid-gray that lets other colors speak.
• Mocha (#9C786F): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#59504E): a grounded near-black with real depth.

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

Use it as a design system

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

• Muted Market color palette (#F8F3F9, #E1D8D8, #B2B5BF, #A992AE, #555156)
• Oat Ridge color palette (#FFF2EE, #E5C8B1, #979079, #7A6F7B, #564957)
• Cocoa Drift color palette (#EBE3DA, #C4B89E, #918F79, #633900, #261D14)
• Tempered Fern color palette (#F7F6E8, #9FCEB1, #72896B, #785E60, #44550D)
• Cocoa Harbor color palette (#FDF4E0, #D9909E, #936F4C, #386354, #703415)
• Terracotta Alley color palette (#FCF3EF, #E1DBC5, #CABA9D, #A14F3F, #662C08)
• Fern Ridge color palette (#F9F5EA, #D7D5B3, #A1AC8A, #685A00, #35332C)
• Muted Loft color palette (#EEE3DF, #AB9585, #906828, #57000E, #150401)

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