Weathered Cocoa color palette — #F8EAF2 · #B09866 · #6F2B00 · #3B1400 · #210F1A

A conversation between Rust and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F8EAF2): a clean, paper-quiet neutral.
• Camel (#B09866): A luminous, dusty gold — the color of old brass.
• Rust (#6F2B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#3B1400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#210F1A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Taupe color palette (#E6F2EA, #B49759, #504100, #2A2100, #001715)
• Weathered Terracotta color palette (#F8ECE5, #B7BA71, #994832, #52271C, #221108)
• Fern Summit color palette (#FEF1F6, #C68A59, #207100, #763F00, #001E1A)
• Ancient Study color palette (#FEEADD, #EAC26C, #BF704A, #764934, #1E130C)
• Timeworn Bronze Meadow color palette (#FFE5F0, #98741D, #273427, #3E1D00, #130500)
• Basalt Dune color palette (#EFF7F3, #A7CBAE, #3F6853, #403907, #232E28)
• Worn Fern color palette (#DFF5E3, #A0822F, #466600, #0E3D7E, #373100)
• Muted Chapel color palette (#FEE7F2, #A85819, #006E76, #0A3D93, #3A1A2B)

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