Cocoa Summit color palette — #FFE1D0 · #832B00 · #003F64 · #390E00 · #000103

A conversation between Rust and Navy, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFE1D0): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#832B00): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Garnet Study color palette (#FDD4D6, #90002F, #00444A, #400010, #000102)
• Charred Chestnut color palette (#EDE6D7, #735100, #293436, #191300, #020100)
• Smoked Cocoa color palette (#FFEADE, #5F2B00, #003455, #15193A, #030100)
• Weathered Bronze Loft color palette (#FBDEEC, #A64E00, #005C7F, #471D00, #000103)
• Nightshade Pier color palette (#FCEDD9, #634700, #001DA9, #291C00, #00000A)
• Smoked Aubergine color palette (#EEDACC, #843600, #5D0082, #391300, #0D0016)
• Denim Market color palette (#E2DAF3, #0061A5, #7D3F00, #0F0B04, #030100)
• Linen Aubergine Study color palette (#E5E6CE, #5F5F00, #640D9D, #2C2C00, #05000E)

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