Cocoa Summit color palette — #F7F1E5 · #B5B884 · #6E7C3F · #804128 · #2C2716

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Sage (#B5B884): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#6E7C3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#804128): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2C2716): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Garden color palette (#F2F4E1, #96C09B, #458462, #415C4B, #262919)
• Olive Thicket color palette (#F8F1E1, #A0A666, #596E22, #4B4540, #221C01)
• Aged Coral Ridge color palette (#FFEEE5, #E6856F, #789A55, #944E3E, #1D2D09)
• Timeworn Driftwood color palette (#FCF4EA, #C7C89B, #749C6F, #866777, #514100)
• Dusty Drift color palette (#FFEEE4, #FEA47F, #B16446, #653118, #2B0B00)
• Sunlit Moss color palette (#EAE6C9, #71A82B, #226D10, #692604, #0D1A00)
• Ember Chapel color palette (#FFEEE3, #DE6427, #858507, #8A577C, #2B1A0E)
• Powdered Blush Loft color palette (#FFD3DA, #F1838D, #BB5D5B, #7A372F, #402210)

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