Weathered Cocoa color palette — #FFF1F3 · #E7D7D6 · #DE9CA5 · #A8645B · #632704

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E7D7D6): bright and airy, almost weightless.
• Rosewood Mist (#DE9CA5): A luminous, dusty red — the color of late-summer berries.
• Mocha (#A8645B): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#632704): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. 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

• Amber Basin color palette (#FFF0F9, #F0CEF5, #E09FB6, #CA7657, #654000)
• Quiet Rust color palette (#FFF1F4, #FF9D9D, #C45B2B, #603400, #170D00)
• Hushed Bronze color palette (#FFF2EE, #E4D7C9, #DEA983, #997437, #493B00)
• Garnet Alley color palette (#F3F4FF, #E4D5E1, #C9A3D3, #996287, #6C2A44)
• Patina Grove color palette (#EEF1FF, #DBB2DD, #BA6B7A, #854026, #3F2600)
• Olive Parlor color palette (#FFF4E2, #FFCBE8, #CD908B, #6B7B36, #4E3936)
• Muted Tangerine color palette (#F5DEDC, #E37B50, #925000, #3D2B00, #030200)
• Dusty Cocoa color palette (#FFF2EF, #DF97A6, #7E4123, #362724, #140E0E)

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