Cocoa Loft color palette — #F7E3E9 · #886D37 · #603900 · #3B1700 · #070500

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

The five colors

• Rose Water (#F7E3E9): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#886D37): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#603900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B1700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Bronze color palette (#F3E3D3, #8D7300, #653A00, #4E0903, #1A1600)
• Charred Bronze Corridor color palette (#F0DDE8, #977209, #4A1600, #140300, #040002)
• Nocturne Garden color palette (#D8F5E0, #686427, #443400, #241400, #010200)
• Bronze Parlor color palette (#F5E3EB, #B45E05, #434800, #552900, #010100)
• Worn Workshop color palette (#FFDFEA, #B79B6E, #995900, #702C00, #231B00)
• Feathered Garnet Market color palette (#FFDAE6, #A99A5D, #875100, #600C00, #030500)
• Washed Meadow color palette (#D7F2E3, #8A9632, #675C00, #473200, #0A1600)
• Hushed Cocoa Terrace color palette (#E9F6EA, #94B59F, #8D6F3D, #6E3F0F, #0A291E)

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