Weathered Cocoa color palette — #FFF2EA · #F6D2B3 · #D2AD94 · #A58C7E · #673C00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F6D2B3): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D2AD94): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A58C7E): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#673C00): A deep, shadowed, 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

• Antique Bronze Studio color palette (#FAF0E9, #CDB79E, #AF7249, #79484F, #332B17)
• Stone Coast color palette (#FFF0F8, #EDD3D1, #C9A0B7, #897285, #344434)
• Patina Mustard color palette (#FBF5E4, #D2C567, #7CC7BD, #BA8E7F, #403D36)
• Antique Canyon color palette (#FFEBD5, #F1BE6C, #D2964C, #AD6F39, #443203)
• Softworn Market color palette (#EDDFCB, #D0AD52, #B6851B, #8E6024, #2E2206)
• Misty Courtyard color palette (#E9E3D2, #A2A549, #8B7E00, #6D5800, #141900)
• Quiet Parlor color palette (#F7E4D5, #B46E00, #8E4C00, #662C03, #060300)
• Wandering Balcony color palette (#F7F9CE, #B8EBBA, #89C89F, #5F9D86, #005145)

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