Cocoa Summit color palette — #F7EBE4 · #C5B8AA · #9F906C · #672300 · #030100

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F7EBE4): bright and airy, almost weightless.
• Stone (#C5B8AA): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9F906C): A luminous, dusty gold — the color of old brass.
• Rust (#672300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Cocoa Summit 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

• Softworn Garnet Workshop color palette (#F1E6E5, #CDB5AC, #B2876D, #6E0341, #040000)
• Weathered Loft color palette (#F1EEE3, #D0D2BC, #9DAC8B, #515100, #040200)
• Timeworn Onyx color palette (#F7ECF2, #A5959A, #5E7864, #491B00, #11050C)
• Chestnut Summit color palette (#EFE3E9, #B09A98, #789A90, #9B4800, #11050B)
• Fern Hollow color palette (#FFE3DC, #957448, #3A5500, #211547, #030005)
• Timeworn Olive color palette (#EFE6D6, #6F8529, #004918, #370120, #010100)
• Bronze Alley color palette (#FAF4EF, #DEE1CE, #BACCAE, #A96300, #241D15)
• Ancient Coral Thicket color palette (#FBE7D4, #FF6B6F, #B47100, #3F6600, #020100)

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