Cocoa Loft color palette — #FFF1F2 · #F0B7D1 · #CC8492 · #9B6057 · #75400C

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#F0B7D1): A whisper-light, dusty rose — the color of strawberry cream.
• Dusty Rose (#CC8492): A luminous, balanced red — the color of late-summer berries.
• Walnut (#9B6057): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#75400C): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Taupe Summit color palette (#FFF2EF, #F7B2AE, #D39276, #9A6B45, #524E47)
• Chestnut Veranda color palette (#FFF2EC, #FFCEC3, #C78880, #8E534A, #562D25)
• Worn Ash color palette (#FFF0F8, #D2BDF7, #BA8ABA, #996689, #6B4B45)
• Muted Villa color palette (#FFF2ED, #E0DACE, #B7C6D3, #BF9797, #7D4120)
• Weathered Rust color palette (#F4D8DF, #EB7372, #BD4400, #734100, #402D00)
• Patina Lagoon color palette (#FFF2EE, #F0B1B5, #75C0C6, #B9777C, #3B543F)
• Tempered Amber color palette (#FFE1D9, #F1AF7F, #B78233, #816D14, #454917)
• Dusty Teal Summit color palette (#FFF2EE, #E39B9E, #55B7B1, #629CB0, #533C36)

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