Weathered Cocoa color palette — #F1F5FF · #C7ABD5 · #A56D8D · #884953 · #78321B

A conversation between Rust and Coffee, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Mauve (#C7ABD5): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#A56D8D): A luminous, balanced pink — the color of neon signs at night.
• Coffee (#884953): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#78321B): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Powdered Mulberry Field color palette (#FFECEF, #D9AFCB, #AA6E8B, #8A3453, #50081E)
• Pale Mallow color palette (#FFF0F8, #EFCEFE, #EC9CD0, #C0787F, #72371F)
• Washed Garnet color palette (#ECF7FF, #A7B6E0, #8B7FB4, #704B78, #713053)
• Aged Pewter Coast color palette (#E6FBF3, #AF9ECB, #9D6375, #30626B, #48445A)
• Wandering Driftwood Quarry color palette (#F4F4FC, #DFD7DD, #B3ABA5, #7F7DA2, #525258)
• Terracotta Terrace color palette (#FFD3F5, #D6869D, #A24A42, #693400, #432F00)
• Mulberry Grove color palette (#F0E4F4, #C65F99, #9E2434, #602400, #392100)
• Antique Crimson Dune color palette (#F2D7E5, #C4465F, #802500, #392000, #191300)

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