Weathered Cocoa color palette — #F6D8E4 · #A87D3C · #733E00 · #3D1100 · #020100

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

The five colors

• Shell Pink (#F6D8E4): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#A87D3C): A luminous, balanced gold — the color of old brass.
• Bronze (#733E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3D1100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Driftwood color palette (#DCF0E2, #8C8A45, #5E4B00, #301D00, #010100)
• Chestnut Alley color palette (#FADCE9, #BF9053, #904B00, #5A1800, #060300)
• Bronze Atelier color palette (#E1FFDE, #D9B667, #AD6F00, #793900, #1D1800)
• Mulberry Alley color palette (#EEDEE8, #D55E85, #9F002C, #3B0D00, #030100)
• Weathered Station color palette (#FFF0F8, #E6BF9E, #B7785A, #8A3D35, #0D2810)
• Sunlit Boulevard color palette (#EBE7F7, #B96EB7, #7B3600, #640065, #030100)
• Linen Byzantium Coast color palette (#E6E1FF, #8E28A0, #4A5300, #003022, #030004)
• Timeworn Summit color palette (#EDECFC, #B28600, #43005B, #160610, #030005)

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