Weathered Cocoa color palette — #FDF4E5 · #FFCDD9 · #C49773 · #4376A7 · #672B0F

Built around Rust, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCDD9): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#C49773): A luminous, dusty gold — the color of old brass.
• Slate (#4376A7): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#672B0F): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Washed Pewter Veranda color palette (#FFF3E5, #FBD4B5, #A2A773, #7369A1, #573800)
• Cypress Basin color palette (#FBF5E4, #E9D2FC, #CD8E99, #018384, #51373B)
• Tempered Blush Lantern color palette (#E9FAF0, #E48996, #927049, #3C5E75, #53414E)
• Basalt Orchard color palette (#FFF1F2, #E2DAD0, #CDB8A3, #719385, #634758)
• Aged Apricot Dune color palette (#FFEFDC, #E69378, #9D6C41, #52524B, #37281E)
• Cypress Grove color palette (#FDF3ED, #F2BDB0, #62AA96, #047981, #383257)
• Patina Grape color palette (#FFF3E7, #EFC38D, #7F9D60, #794C98, #34312B)
• Dusty Ultramarine Dune color palette (#FFF3E2, #FFA396, #A77F00, #274BBB, #431A00)

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