Cocoa Loft color palette — #EFF6FF · #D2BDFC · #B789B5 · #9A6169 · #6D3616

Bronze takes the lead with Lavender close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender (#D2BDFC): A whisper-light, balanced violet — the color of a velvet chair.
• Dusty Rose (#B789B5): A luminous, balanced pink — the color of peonies in June.
• Mocha (#9A6169): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#6D3616): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

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

• Softworn Garnet color palette (#E3FAFF, #A6D3FF, #9394CB, #876492, #6C3043)
• Muted Coral Lantern color palette (#F8F2FF, #F4B6D6, #CE847E, #946445, #524200)
• Aged Plum color palette (#FFF0FA, #E4D8E2, #DBA3CE, #AD557A, #691B1D)
• Washed Garnet Chapel color palette (#FCF1FF, #D7ACD4, #9C6F8F, #79435F, #6E2743)
• Powder Boulevard color palette (#E0FBFD, #AEB8FF, #B78095, #467B67, #45455A)
• Dusty Mallow color palette (#EADFFF, #EC8BC8, #C15B68, #8C4600, #372B00)
• Ancient Garden color palette (#F0F5FF, #D6D2F1, #BA9CB1, #718C94, #3A5259)
• Wisteria Alley color palette (#F3F0FD, #CD77C8, #635163, #393640, #202126)

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