Weathered Cocoa color palette — #FFF2F0 · #E1DBCF · #B5C2CF · #CFA69F · #7E4024

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Ash (#B5C2CF): A luminous, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CFA69F): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7E4024): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Cocoa Terrace color palette (#FFF3E8, #C0E8CE, #8DD6D5, #DC9E9D, #624200)
• Aged Chapel color palette (#FBF1FD, #E9D6D8, #B5AD9B, #AD9FBE, #5C4B5B)
• Wandering Cocoa color palette (#FFF3E7, #E7B890, #89C0D2, #69A4B6, #593200)
• Bronze Thicket color palette (#FCF3EF, #E9DEB6, #BA9583, #995B39, #342823)
• Sand Study color palette (#F5EFFA, #EEE0A4, #EDD4D8, #8486AE, #4A3B48)
• Hushed Apricot Studio color palette (#FBF3EF, #FFD2C5, #8DC7A5, #E1957E, #2D2F28)
• Muted Seafoam Ridge color palette (#DFE2FF, #54FCD3, #FFBCE7, #765C5C, #3F3232)
• Feathered Rust color palette (#F9E5D2, #AEC67D, #16C1A4, #B84C45, #1D1A00)

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