Weathered Cocoa color palette — #FFF2EC · #DFD9CD · #EABB98 · #A9646B · #743B13
Bronze and Mocha set the tone — five colors that lean into optimism and warmth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFD9CD): a clean, paper-quiet neutral.
- Sand (#EABB98): A whisper-light, dusty gold — the color of honey in a jar.
- Mocha (#A9646B): A full-bodied, balanced red — the color of a theater curtain.
- Bronze (#743B13): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
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
- Worn Bronze color palette (#FFF3E4, #DBDEC6, #C0C18D, #A06F3E, #664500)
- Wandering Driftwood color palette (#FFF1F2, #EAD6C9, #EFB2BA, #956497, #624645)
- Antique Veranda color palette (#FFEDE8, #DFD9C7, #D3CC8D, #A36C89, #39312E)
- Aged Terracotta Grove color palette (#FFEEE2, #FFBF7D, #CA9825, #A63600, #4F2900)
- Garnet Balcony color palette (#EBDCD3, #D88C5E, #AD7117, #75000E, #300E00)
- Softworn Moss Corridor color palette (#F9EED7, #CCC095, #87A654, #795500, #373100)
- Olive Pier color palette (#F8F5EF, #C5AB74, #587C2B, #795A00, #27250D)
- Nightshade Alley color palette (#FFF2EE, #B7656C, #5570A4, #56438F, #472B22)
Browse the whole catalog at Explore, or see today's palette.