Weathered Cocoa color palette — #F8DBCC · #D6BF98 · #7EB59A · #B57277 · #6A300A

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

The five colors

• Shell Pink (#F8DBCC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#D6BF98): A luminous, dusty gold — the color of honey in a jar.
• Sage (#7EB59A): A luminous, dusty teal — the color of glacier melt.
• Mocha (#B57277): A luminous, balanced red — the color of embers at dusk.
• Rust (#6A300A): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Muted Study color palette (#FFF3E7, #DDD3B8, #A5BC99, #BD8980, #714201)
• Driftwood Summit color palette (#FED2CE, #DCB9A6, #B3AD78, #9E76A3, #5D3546)
• Timeworn Parlor color palette (#FEF3E7, #D5C9A4, #7DAF75, #9F7C55, #37352F)
• Pale Field color palette (#F0E9D7, #88CD9E, #4AAAC8, #A0652E, #5E3200)
• Hushed Teal color palette (#FDF7CA, #D7DDB9, #5AB4AA, #805C6B, #552E34)
• Wandering Bronze color palette (#F3F8D0, #CAD0A6, #76BDCC, #AD7C36, #415627)
• Hushed Abyss color palette (#E1E2C0, #B1C09F, #6CA4BE, #7F7541, #23440F)
• Faded Canyon color palette (#F8DECB, #AEA672, #309476, #99474E, #3D1900)

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