Weathered Cocoa color palette — #FCF3F0 · #C7E1CD · #AD7572 · #6F3219 · #231814

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

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Celadon Mist (#C7E1CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#AD7572): A luminous, dusty orange — the color of autumn markets.
• Rust (#6F3219): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#231814): quiet, heavy and certain.

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

• Tempered Driftwood color palette (#FEF2F3, #EEFDCB, #A1759C, #5F3A40, #231819)
• Washed Bronze color palette (#FBF5E7, #FFE1AB, #867632, #3B3831, #130F06)
• Muted Pewter Thicket color palette (#F7EFF7, #A1CFC0, #815255, #3C2A3C, #181118)
• Weathered Taupe color palette (#FDF1F9, #FDD6AE, #C88E7E, #7E6476, #33272F)
• Antique Marigold color palette (#F7EDDD, #C79B2B, #4E3800, #1D2723, #0C0600)
• Hushed Mint Station color palette (#FCF3EF, #E3D9D1, #75C384, #CF8278, #1D2016)
• Airy Rust color palette (#FFF2EA, #F4D865, #AC4800, #4F1D00, #110400)
• Antique Shell Loft color palette (#FFF2ED, #F7ADAA, #76B8D9, #5C86AF, #37302D)

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