Cocoa Loft color palette — #F7EDE6 · #BEB1A0 · #968C79 · #693300 · #130801

Bronze and Gray set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EDE6): bright and airy, almost weightless.
• Stone (#BEB1A0): A luminous, dusty gold — the color of honey in a jar.
• Gray (#968C79): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#693300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#130801): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Antique Bronze color palette (#E9DFD3, #A69F90, #8B7C33, #4A3000, #080300)
• Dusty Cocoa Quarry color palette (#E9E1E5, #AEBEB1, #74978C, #702E00, #2A1923)
• Timeworn Chestnut color palette (#FAF1E2, #D9D4C2, #AFAD8B, #725700, #241700)
• Dusty Forest color palette (#E9E4D6, #6B8249, #005311, #4D1302, #050A00)
• Ancient Boulevard color palette (#EEDFCB, #F8611A, #A97600, #535800, #060300)
• Tempered Chestnut Orchard color palette (#E9DEC8, #925200, #433C00, #002231, #090400)
• Fern Boulevard color palette (#EEE1D3, #87803D, #3D632E, #102D4E, #140B33)
• Dusty Thicket color palette (#E3DED8, #BBB2A1, #958E71, #5E3B00, #130800)

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