Weathered Cocoa color palette — #F9ECE3 · #99633D · #6F2C00 · #430D00 · #0B0300

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

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Walnut (#99633D): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6F2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#430D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0B0300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Antique Thicket color palette (#F0E1CC, #847029, #573F00, #321E00, #070500)
• Cocoa Pier color palette (#FFE8F5, #996B37, #742C00, #4F0512, #001C0A)
• Weathered Courtyard color palette (#EDDDD1, #B78F6C, #8C552D, #682700, #241400)
• Rust Parlor color palette (#EFDCD3, #C54B33, #623800, #671000, #020100)
• Antique Olive color palette (#F4E8CB, #A2A565, #776D00, #524200, #191F00)
• Bronze Basin color palette (#FAF0E3, #C8B99F, #A37A3B, #725026, #342B17)
• Ancient Plum Basin color palette (#E5E1F4, #B56B00, #D10053, #1D0005, #040000)
• Aubergine Alley color palette (#F3E2E8, #643596, #004F4B, #002D39, #04000C)

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