Cocoa Summit color palette — #F7ECE3 · #DBCEBD · #B1A681 · #7C3600 · #060200

Rust and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Oat (#DBCEBD): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B1A681): A luminous, dusty green — the color of new leaves after rain.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

• Softworn Hollow color palette (#E7DED7, #AB9D8E, #9C7334, #542900, #090300)
• Antique Mulberry Pier color palette (#F5ECEA, #DCCCC5, #BEA084, #8F0047, #090000)
• Ancient Workshop color palette (#EBDAE3, #9DAF9E, #648977, #5B2500, #1B1016)
• Navy Harbor color palette (#F8E0DB, #A98068, #6F6323, #112E78, #110016)
• Softworn Fern color palette (#F6F6ED, #D1DDD4, #ADC2A8, #4D6B00, #0F0D00)
• Patina Onyx color palette (#E9E1CB, #769B53, #005D37, #530328, #010200)
• Linen Rust color palette (#E9DECF, #C64700, #4D4300, #190055, #030100)
• Ancient Summit color palette (#F5E1C4, #61636B, #664700, #151B14, #050600)

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