Weathered Cocoa color palette — #F9E8E1 · #802F00 · #004A4F · #1A2C4A · #130300

Rust takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F9E8E1): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#802F00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1A2C4A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Faded Station color palette (#FFE8DF, #93001D, #004F17, #00373E, #170001)
• Faded Navy color palette (#F3E7D0, #634700, #004858, #150095, #0C0600)
• Bronze Archive color palette (#EDE0D2, #856800, #293439, #2B1800, #090300)
• Midnight Onyx Lagoon color palette (#EDEBCF, #374C00, #003F3F, #1D0056, #030600)
• Smoked Courtyard color palette (#F5D9CF, #7F2800, #444000, #530049, #040000)
• Antique Bronze color palette (#EEE0D7, #AC5600, #007083, #005884, #3B1900)
• Smoked Rust color palette (#F9D9CE, #B44017, #591E00, #1F0800, #050100)
• Washed Hollow color palette (#F2E0D1, #9D4D00, #546300, #86005B, #110400)

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