Weathered Cocoa color palette — #FFF2EF · #E1D9CB · #F0D690 · #B58DB2 · #7A3C23

Bronze and Wheat set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D9CB): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F0D690): A whisper-light, balanced gold — the color of honey in a jar.
• Dusty Rose (#B58DB2): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#7A3C23): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, 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

• Muted Grove color palette (#FEF0FF, #DAD9CE, #CA97AF, #9DA195, #5A4656)
• Mint Harbor color palette (#FFF3E7, #F2EAA9, #7DE287, #CF6968, #56431B)
• Peony Thicket color palette (#FFF2F0, #FFD4AD, #C9C000, #CF518D, #522500)
• Timeworn Hollow color palette (#FFF0FE, #F2D1D6, #E5B496, #856B88, #5A4756)
• Soft Orchard color palette (#FAE0CF, #C19847, #5C953E, #832436, #150A00)
• Weathered Amber Balcony color palette (#FFF3E4, #CDBC97, #B4853F, #8B5C43, #3E3D36)
• Softworn Apricot color palette (#F4E0DB, #EF8F51, #A68A00, #893567, #2D0301)
• Cerulean Basin color palette (#FFF2EC, #DB8376, #00A1B8, #6F659F, #38312E)

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