Weathered Cocoa Loft color palette — #FFEEE7 · #A66B61 · #5F2C00 · #37231B · #1A150F

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A66B61): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#37231B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1A150F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Weathered 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

• Deep Studio color palette (#E8DCD3, #A34C00, #402301, #2B0F00, #0D0801)
• Tempered Coral color palette (#FAEDF7, #CF847C, #685059, #40333E, #242026)
• Apricot Harbor color palette (#FBEDF8, #FF9585, #8B7381, #5C5059, #242024)
• Hushed Basalt Villa color palette (#F9EFD0, #4A5759, #3E3B00, #142021, #070A00)
• Dusty Pewter Alley color palette (#FFF3E7, #B78F68, #77945E, #A35D74, #47413C)
• Inked Balcony color palette (#F0EACD, #566100, #132400, #0C0F00, #010200)
• Hushed Bronze Balcony color palette (#FFF3E6, #C9A988, #67A98A, #A26100, #4B4E47)
• Chestnut Veranda color palette (#F6F6ED, #C0C3AC, #628D6D, #8D5826, #4D5200)

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