Cocoa Loft color palette — #FDEFDF · #BBA984 · #8D6F46 · #713C1E · #27230B

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FDEFDF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BBA984): A luminous, dusty gold — the color of old brass.
• Walnut (#8D6F46): A full-bodied, dusty gold — the color of old brass.
• Bronze (#713C1E): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#27230B): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Bronze color palette (#F5F2E7, #BEBD9F, #978139, #6B5428, #2A2E1C)
• Timeworn Cocoa Corridor color palette (#ECDECB, #A69771, #7C5F27, #612F00, #1C1800)
• Ancient Bronze Lagoon color palette (#EBFAEB, #C9E6CE, #BB9763, #8D6031, #213729)
• Dusty Olive color palette (#EEE4D0, #71773A, #534200, #351C00, #020700)
• Fern Field color palette (#FFECF1, #9C74AE, #A65D5E, #525700, #291119)
• Mulberry Villa color palette (#ECF1FF, #ACA1DB, #95629E, #811752, #42000B)
• Gentle Ultramarine color palette (#F6F0F5, #92B4ED, #AF545E, #2B60B9, #1B0804)
• Worn Onyx color palette (#F8EEF7, #CAAE88, #3D557D, #0D254F, #140714)

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