Tempered Driftwood Loft color palette — #EEF8F0 · #9CC3AD · #927E53 · #76515E · #394D45

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Mint Leaf (#9CC3AD): A luminous, dusty teal — the color of sea glass.
• Mocha (#927E53): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#76515E): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#394D45): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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

• Driftwood Boulevard color palette (#FFF0F7, #D2ACB8, #A0765B, #735169, #3D4C40)
• Bronze Quarry color palette (#EEF9ED, #8DB295, #946931, #6D482F, #2B4336)
• Timeworn Workshop color palette (#FDF4E7, #D6CBA3, #AE9877, #9F6539, #4A4C00)
• Bronze Parlor color palette (#F7F3FA, #E5AEC4, #AF6A2B, #985372, #362A2F)
• Amber Atelier color palette (#FDF0FF, #EDB0AC, #BD6B49, #7F4903, #584100)
• Washed Chestnut Lantern color palette (#F5E2EC, #B38F6D, #934E26, #66332A, #243526)
• Ancient Terrace color palette (#C2E9CF, #969304, #6E5900, #533500, #232E00)
• Softworn Quarry color palette (#F8F2FF, #B87A9B, #618C5C, #1E6B70, #413A47)

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