Weathered Cocoa color palette — #FFF1F2 · #DCADC3 · #A86F83 · #834351 · #6E3000

Built around Rust, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rosewood Mist (#DCADC3): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#A86F83): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#834351): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#6E3000): 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

• Ancient Chestnut color palette (#FFF2F0, #DFA79B, #A3715D, #844D24, #683C00)
• Patina Rust Harbor color palette (#F3F4FF, #D1CAF2, #C68DA8, #AB4E55, #79330A)
• Ancient Driftwood color palette (#FCF2F4, #DFD8D4, #ABAEA0, #9B777C, #5A5051)
• Wandering Basalt Terrace color palette (#F4F4FF, #C3B1E5, #9478AA, #72497B, #633460)
• Aged Atelier color palette (#FFF2EF, #C4838E, #946341, #5C551B, #5C3542)
• Hazy Terracotta Canyon color palette (#F3DFE2, #D17172, #A72419, #611C00, #3A1600)
• Rust Pier color palette (#FFE4DE, #BF5227, #793800, #3E2100, #231300)
• Weathered Harbor color palette (#FFEDEB, #A56781, #4A3733, #322524, #1A1310)

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