Weathered Cocoa Summit color palette — #F5E9D8 · #816C38 · #5B3F00 · #351E00 · #050300

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F5E9D8): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#816C38): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#351E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Tempered Bronze Ridge color palette (#F6E0C3, #9D7615, #6F4A00, #472800, #100B00)
• Cocoa Balcony color palette (#FFEBDF, #9A5D39, #762800, #490600, #080200)
• Lowlit Thicket color palette (#E3E3CA, #366000, #850021, #451B00, #010200)
• Ancient Bronze Studio color palette (#F6EDD7, #A0A275, #7F7307, #5E4B00, #212800)
• Shadow Olive color palette (#DBE8D8, #648105, #00332E, #13101C, #000806)
• Wandering Alley color palette (#F8E3D6, #CAA68B, #B36B4D, #8C4232, #46280C)
• Navy Ridge color palette (#E4F3EA, #00829A, #004680, #003F4C, #050006)
• Bronze Corridor color palette (#F8EDD9, #C0B57E, #A3820A, #7E5900, #3A3700)

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