Cocoa Loft color palette — #E8ECFF · #C099D4 · #A4607B · #7F3528 · #5D3700

A conversation between Rust and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#E8ECFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C099D4): A luminous, balanced violet — the color of wild irises.
• Mocha (#A4607B): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#7F3528): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#5D3700): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Driftwood Archive color palette (#FFF1F4, #D9A8C2, #B5746B, #7D5126, #514600)
• Aged Garnet Pier color palette (#E1EFFF, #A7ABE7, #8F6096, #7E305A, #741109)
• Garnet Harbor color palette (#F1F0FF, #D39CC3, #AD5B7A, #89162C, #440400)
• Worn Brick Summit color palette (#FCF0FF, #E1ADD6, #C07695, #AF3041, #6E1B00)
• Washed Quarry color palette (#ECF0FF, #EDBFFA, #EB82BF, #C6624E, #553000)
• Lilac Thicket color palette (#F3F8E1, #9B8BD1, #93545F, #005A59, #543139)
• Tempered Harbor color palette (#FBF2F4, #E2D9D3, #C6BEB3, #85678E, #524346)
• Rust Summit color palette (#FFD6F3, #F28294, #B14800, #614100, #343800)

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