Cocoa Loft color palette — #FFE8E4 · #C2E4CE · #D7C5C5 · #6B3010 · #312723

A conversation between Rust and Celadon Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#FFE8E4): A whisper-light, dusty orange — the color of autumn markets.
• Celadon Mist (#C2E4CE): A whisper-light, dusty teal — the color of sea glass.
• Oat (#D7C5C5): A whisper-light, dusty red — the color of embers at dusk.
• Rust (#6B3010): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#312723): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Patina Archive color palette (#FFF3E5, #DCDCC7, #C3B06E, #837A09, #3D4000)
• Weathered Basin color palette (#FFF1F4, #D7B5DF, #79BBC4, #348BB8, #412A2F)
• Washed Seafoam Studio color palette (#CBE9FF, #57FBDD, #FFBFD5, #79615E, #39302F)
• Dusty Basin color palette (#F9F4EF, #DADAD3, #A3B6B7, #CDA584, #534C45)
• Timeworn Chartreuse Alley color palette (#CCFFF3, #9CFF68, #FFC281, #472900, #130901)
• Timeworn Amber Balcony color palette (#FBF4EF, #E1DBCF, #BFAE72, #D68151, #241D0F)
• Frosted Celadon color palette (#7BFFA0, #DBD7FF, #E37FD2, #302B39, #19161D)
• Chalky Lime color palette (#C3E7FA, #00EEBA, #B4C800, #222700, #080600)

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