Cocoa Summit color palette — #FFF2EC · #C0F9C7 · #DFDDC8 · #DDA0AC · #713F03

Built around Bronze, softened by Mint — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Mint (#C0F9C7): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#DFDDC8): A whisper-light, dusty green — the color of a quiet forest floor.
• Rosewood Mist (#DDA0AC): A luminous, dusty red — the color of embers at dusk.
• Bronze (#713F03): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Softworn Ash color palette (#FFF1F0, #F2F0BC, #E2D7CE, #BDA0CE, #5D443F)
• Wandering Cocoa color palette (#FFF3E9, #DDDACB, #96B2B7, #C49C85, #603800)
• Misty Seafoam color palette (#FFF4DF, #DBF8A7, #26F7D6, #E2964A, #47461C)
• Muted Bloom color palette (#FFF0F7, #D5DBCD, #A4CEA6, #BB826C, #624853)
• Wandering Basalt color palette (#FBF5E2, #D5D3AB, #B2B071, #9C845C, #394300)
• Coral Garden color palette (#FFF3E7, #F2E393, #89E77B, #EE6564, #4D3500)
• Dusty Amber Market color palette (#FAF4EC, #EDD298, #B58E41, #74603A, #272117)
• Misty Apricot Veranda color palette (#FFF3E8, #F7A362, #92A8F7, #B877A3, #37322D)

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