Cocoa Summit color palette — #F7E3EF · #772700 · #2F1E15 · #150E00 · #090100

A conversation between Rust and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F7E3EF): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2F1E15): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#150E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#090100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Midnight Station color palette (#E4F2E8, #564200, #261C0A, #041300, #050300)
• Antique Rust color palette (#FFE6D7, #CA4A00, #514009, #2F1604, #060000)
• Shadow Atelier color palette (#F3E8FA, #7F004C, #352120, #200500, #0A0003)
• Weathered Atelier color palette (#F3DEE8, #A7591F, #1F382B, #2A1922, #130A0D)
• Weathered Rust Lantern color palette (#FDE9E8, #B65600, #774500, #362B00, #00210C)
• Ultramarine Lantern color palette (#CCEBD4, #6F5700, #0038C3, #44008F, #181000)
• Nocturne Ridge color palette (#E2F4ED, #505C00, #34373F, #002015, #000C08)
• Bronze Station color palette (#D3EADB, #816B00, #005F90, #453800, #001D30)

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