Weathered Cocoa color palette — #FFF2EB · #EFD4BB · #D0AE9A · #B1877B · #604100

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EFD4BB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D0AE9A): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B1877B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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 Basalt Harbor color palette (#FBF4E6, #D9D2A7, #BBAD74, #A2815B, #3F4100)
• Patina Pewter color palette (#FFF0F9, #E1C0D0, #B190A4, #876A80, #55414A)
• Patina Taupe color palette (#FCF3F1, #FFD0D7, #B4BD8A, #D995A1, #2F2E27)
• Weathered Orchard color palette (#F3DECB, #CCAD6F, #BB7F49, #955949, #282500)
• Wandering Driftwood color palette (#FAEEF5, #D2B0BD, #A57665, #694D6B, #242F26)
• Timeworn Shell color palette (#FFF2EE, #F7ABAF, #8BC3BA, #6EA69D, #4A3933)
• Taupe Terrace color palette (#FDF2F1, #DFE2B3, #C08EA0, #856360, #342827)
• Bronze Station color palette (#F2E4CE, #A8A349, #9C7615, #834A15, #0F1A00)

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