Driftwood Loft color palette — #F9F2FF · #D799A3 · #B46E5F · #85543C · #3D573B

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Rosewood Mist (#D799A3): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B46E5F): A luminous, balanced orange — the color of autumn markets.
• Coffee (#85543C): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#3D573B): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Softworn Archive color palette (#F7F3FF, #E0A5BE, #B57176, #875149, #634556)
• Bronze Studio color palette (#FFF0FB, #DC9E91, #5EA3C0, #A15D50, #345163)
• Hushed Driftwood Lantern color palette (#FFF0F9, #DCAA87, #A98444, #6F652D, #295346)
• Worn Driftwood color palette (#FFF0F8, #EDBCA2, #AD7656, #704229, #4C283B)
• Antique Amber Studio color palette (#FFE5DB, #D48643, #905E00, #574600, #1A3C17)
• Washed Powder Corridor color palette (#FFF0FB, #C6E7EC, #9FC8E1, #9D87A7, #5A4750)
• Ancient Cerulean color palette (#FFF0FA, #C8846F, #3B98A9, #4D7C9A, #503B49)
• Hushed Canyon color palette (#E9FAF0, #9AC2B6, #688978, #4E644F, #344D4B)

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