Cocoa Loft color palette — #FFF1F6 · #F5C5F0 · #E89FB9 · #B97A77 · #733C0D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#F5C5F0): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#E89FB9): A luminous, balanced rose — the color of a warm blush.
• Caramel (#B97A77): A luminous, dusty orange — the color of toasted spice.
• Bronze (#733C0D): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged light, muted, warm.

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

• Muted Rust Summit color palette (#FFF1F3, #FAD1D4, #E394AE, #B46171, #58504D)
• Worn Mallow Chapel color palette (#FFF0FD, #CECFFF, #C2A7E6, #AF7EA2, #67413E)
• Tempered Stone color palette (#FFF1F0, #FFC1C2, #E6A787, #B88C60, #514E47)
• Weathered Seafoam color palette (#FFF2EF, #FFC2CB, #84DAC5, #DA919C, #425337)
• Softworn Ridge color palette (#F2D8F2, #FFA1CA, #FF6071, #CE5600, #5A3600)
• Weathered Peony Balcony color palette (#ECEDFF, #D8A7D3, #B9628C, #894C4C, #462C3A)
• Wandering Cocoa Lantern color palette (#FFF2F0, #E1DCCF, #B5C2CE, #D9A8B4, #773B1B)
• Chalky Ember color palette (#FAD7EA, #F77EA8, #E25B4F, #9A5200, #3C2600)

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