Cocoa Loft color palette — #FFD9F1 · #E1B5C9 · #C49CA6 · #A26F6F · #6E360C

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFD9F1): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#E1B5C9): A luminous, dusty rose — the color of a warm blush.
• Rosewood Mist (#C49CA6): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A26F6F): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#6E360C): A deep, shadowed, balanced gold — the color of old brass.

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

• Tempered Cocoa color palette (#FFE3EA, #E7C7CB, #CEAFAE, #A78973, #6D4300)
• Airy Bloom color palette (#FDE4FC, #EAA8CF, #C68C9D, #A4631C, #533C00)
• Ash Summit color palette (#B9EDDD, #D3B8D0, #C299B3, #987575, #5E3D37)
• Timeworn Lilac color palette (#E8D7F4, #B67AB4, #A35D83, #764525, #261500)
• Worn Atelier color palette (#DEE4F9, #A3A3CB, #766D93, #6A3832, #3B1E2F)
• Feathered Lilac Chapel color palette (#FFE7F0, #CFABFF, #EE9677, #A37AD5, #59230E)
• Weathered Study color palette (#CCE8D1, #92C3B6, #AE8895, #6A6C3D, #234C35)
• Worn Teal color palette (#F1F9E7, #BBD2AC, #68AFA6, #6A8E71, #2B3B20)

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