Weathered Cocoa color palette — #FFF1F6 · #CEAC7C · #A66421 · #772A00 · #001809

A conversation between Rust and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#CEAC7C): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A66421): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#772A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001809): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Balance, 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 Bronze Bloom color palette (#E5FCEC, #B6B681, #8B7421, #603E00, #0F1500)
• Garnet Terrace color palette (#FFF0F8, #F2A867, #CA5500, #940409, #241500)
• Wandering Canyon color palette (#ECFAEB, #AED2B7, #AB814A, #834615, #09281A)
• Hazy Amber Meadow color palette (#F7DFE9, #CBAE69, #CA7728, #A14F4B, #012C20)
• Dusty Bronze Atelier color palette (#FCEADA, #A28133, #7D4510, #571718, #120E00)
• Cocoa Balcony color palette (#FFF0FA, #DCB55F, #88301B, #320600, #040002)
• Aged Terracotta color palette (#FDF1F7, #FF9F6A, #797D00, #9D4600, #000201)
• Smoked Bronze Boulevard color palette (#F8D5E0, #8F6C20, #563300, #230A00, #020100)

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