Cocoa Summit color palette — #FFF3E5 · #F7C3B1 · #CCA686 · #7D946E · #6D3803

Bronze takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#F7C3B1): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CCA686): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#7D946E): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#6D3803): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, 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

• Muted Shell color palette (#FFF3E9, #FBBBD6, #D99BA0, #9D895E, #5A403D)
• Softworn Cocoa Grove color palette (#FDF4E3, #E6ABB7, #AE8A6A, #4A7A6B, #703417)
• Bone Delta color palette (#FFF3E9, #DFDCBE, #CBBEA5, #9FA58E, #48533E)
• Ancient Balcony color palette (#FBEFE7, #F49F7A, #A36E3B, #7C4419, #27201C)
• Wandering Petrol Studio color palette (#EAFAEE, #FFCDDC, #C69674, #3A78A9, #4C374B)
• Wandering Honey Basin color palette (#FDF4E0, #D7C973, #99AE6A, #269392, #3F3D36)
• Amber Summit color palette (#FFF3E2, #FFAB5C, #C79400, #009254, #4B2E05)
• Misty Marigold color palette (#F1DBB5, #E2992E, #A38500, #007955, #322000)

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