Cocoa Summit color palette — #EEDBCA · #583000 · #00222F · #171609 · #170004

Built around Cocoa, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#EEDBCA): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#171609): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#170004): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Onyx Parlor color palette (#F3EFD6, #384100, #1E261E, #2A004E, #120400)
• Garnet Ridge color palette (#F7E2DA, #74010B, #002426, #0F001B, #050100)
• Powdered Bronze color palette (#F7ECDA, #9E7400, #005B89, #5E1800, #230D00)
• Weathered Workshop color palette (#E1E4C0, #348D0D, #5B00A7, #392A00, #140D00)
• Powdered Lapis color palette (#F5F2E3, #8C953A, #5E54B1, #5C3700, #2E1900)
• Smoked Fern color palette (#DDE2D3, #2D6300, #003120, #001311, #000203)
• Smoked Aubergine color palette (#EDE6CB, #5B5C00, #410089, #2E1000, #090200)
• Timeworn Nightshade color palette (#F5EBDB, #856600, #2A29B1, #500201, #1E0000)

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