Cocoa Summit color palette — #FAF4ED · #EADDBE · #ABBE8E · #AF8FA6 · #614900

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Bone (#EADDBE): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABBE8E): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AF8FA6): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Washed Parlor color palette (#F6F6EB, #DAE1CA, #A5BE9B, #7FA492, #45540B)
• Powder Archive color palette (#FFF1F5, #E4D8D2, #ACB3E7, #9BB3A2, #5F484A)
• Feathered Boulevard color palette (#FCF4E5, #C6D79C, #65BB70, #8D7CC1, #363F18)
• Wisteria Ridge color palette (#FFF1F5, #E0C9FA, #A4D6A3, #BD92E7, #4D4E47)
• Softworn Taupe Archive color palette (#EFF8F4, #B7DACF, #8BA57B, #568691, #3D524C)
• Muted Boulevard color palette (#FFF1F3, #DEB9E1, #ABCA89, #54BBA9, #533A3F)
• Dusty Stone Hollow color palette (#EDF4ED, #A3CFB8, #5F8D82, #586175, #25352D)
• Gentle Jade color palette (#EBE4D2, #A5C591, #2CA974, #83679C, #183003)

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