Cocoa Loft color palette — #FFF1F6 · #ECD3CD · #D1B9AD · #B79B8A · #744305

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#ECD3CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#D1B9AD): A luminous, dusty orange — the color of sun-warmed clay.
• Taupe (#B79B8A): A luminous, dusty gold — the color of old brass.
• Bronze (#744305): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Timeworn Quarry color palette (#E4FBF2, #F0DCF2, #D2BCCC, #B29396, #634A48)
• Timeworn Bronze color palette (#E5FCEA, #C0D7CC, #BBA7B5, #9B7935, #4E5200)
• Taupe Lagoon color palette (#F3F6EF, #D6E3CD, #A5BE9D, #83A488, #475141)
• Softworn Chestnut Atelier color palette (#FCE9F3, #D095A6, #AD7171, #795C1D, #332E00)
• Weathered Boulevard color palette (#EBE2FF, #E2BEF0, #D596C5, #C4765A, #683F16)
• Muted Cabin color palette (#FFF1F6, #DECAFB, #FDB299, #B994E9, #6B4133)
• Dusty Olive Villa color palette (#FFD9D9, #F4A287, #D88A48, #6D8500, #214C0F)
• Worn Stone color palette (#FFF1F6, #D1BDEB, #F6A2AE, #71B7E6, #523A43)

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