Cocoa Summit color palette — #FFF3E3 · #C0E4CD · #B9BBCA · #C8A088 · #563F00

A conversation between Deep Olive and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#C0E4CD): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#B9BBCA): A luminous, dusty violet — the color of twilight just after sunset.
• Camel (#C8A088): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#563F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Hushed Cocoa Workshop color palette (#FFF2EC, #F7FBBF, #DFDBCD, #D09FB5, #713A0C)
• Stone Summit color palette (#E8FBED, #BDE8E6, #CFA972, #80BBC8, #355342)
• Patina Parlor color palette (#FFF3E5, #EEDBB2, #B59876, #8C5E47, #33322B)
• Tempered Moss color palette (#F2F9DE, #CAF0FF, #C2CEEC, #839957, #2C3920)
• Cerulean Market color palette (#ECEADB, #84C698, #009BA8, #543B00, #000200)
• Washed Balcony color palette (#E3EFFF, #F2E119, #DAC9CB, #3B3832, #181407)
• Muted Seafoam color palette (#ECFAEC, #C0EBEB, #89D5AA, #A37461, #3D5748)
• Aged Marigold color palette (#FEF4E5, #D6AB5E, #A092D8, #A5595A, #30220A)

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