Cocoa Loft color palette — #F6EAE0 · #C2B09B · #9B8B6D · #6A3100 · #150700

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

The five colors

• Cream (#F6EAE0): bright and airy, almost weightless.
• Rosewood Mist (#C2B09B): A luminous, dusty gold — the color of old brass.
• Caramel (#9B8B6D): A luminous, dusty gold — the color of old brass.
• Bronze (#6A3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Worn Bronze color palette (#F2E8DA, #AA9F88, #8C7C32, #4B3000, #080300)
• Worn Cocoa color palette (#EBDFE5, #B0BDB1, #7B9589, #6E3000, #2B1823)
• Antique Chestnut color palette (#FAF0E1, #DFD3B1, #B0AD8A, #735600, #231805)
• Hushed Thicket color palette (#F7F1EA, #D8D9CD, #BBBFB2, #9A6932, #312B25)
• Tempered Tangerine color palette (#EFE2D2, #FF6941, #B27800, #4F5C00, #060300)
• Pale Lagoon color palette (#E8E1CB, #658600, #09530B, #4B1608, #050900)
• Wandering Bronze color palette (#ECDFD1, #8C7725, #43602F, #11304F, #24091C)
• Patina Quarry color palette (#EFE0C7, #945100, #443C00, #002230, #0A0400)

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