Weathered Cocoa color palette — #F5EDE6 · #BAB2A1 · #8F9075 · #673500 · #130801

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Stone (#BAB2A1): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#8F9075): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#673500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#130801): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Garnet Bloom color palette (#ECE0DD, #C0B0A4, #998B75, #7B1531, #170503)
• Tempered Olive Boulevard color palette (#F0EBE3, #A3A091, #728541, #483100, #080300)
• Chestnut Parlor color palette (#F9F1E2, #D6D6BB, #A3B195, #6F5800, #221805)
• Washed Bronze Loft color palette (#F6F1EB, #D6DACF, #B4C1B4, #8F6E49, #312B24)
• Quiet Fern Station color palette (#F2D6DB, #A56F43, #5B5802, #4B1E37, #2B0019)
• Pine Villa color palette (#F2ECD1, #4F875B, #004F47, #441339, #000B02)
• Coral Canyon color palette (#ECE2D1, #FB5C6C, #A47000, #006846, #050500)
• Terracotta Courtyard color palette (#FDEAD5, #A54100, #364100, #1E005A, #0A0400)

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