Cocoa Loft color palette — #FFF4E1 · #CE9891 · #8A7443 · #455981 · #6D3802

A conversation between Bronze and Walnut, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CE9891): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#8A7443): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#455981): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#6D3802): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Cocoa Corridor color palette (#FFF3E6, #BFA372, #64805C, #5E517A, #594500)
• Antique Ash color palette (#FAF5E5, #CC93B8, #9F6755, #2B626F, #57423E)
• Ancient Coast color palette (#FFF2ED, #CB817E, #567C53, #3B5281, #583646)
• Worn Taupe Summit color palette (#FFF2ED, #D6C2AE, #9E987F, #7E6A75, #604A4A)
• Timeworn Lagoon color palette (#E6F7EA, #C7A482, #887649, #136140, #213121)
• Muted Cypress color palette (#FBF3EF, #C8EBE8, #74A595, #347D71, #5F4B5D)
• Nightshade Archive color palette (#FFF3E4, #D26C21, #656400, #3C3097, #4B2F00)
• Mustard Station color palette (#EAFAED, #FFBEB2, #C9AA5E, #758DB2, #56404B)

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