Weathered Cocoa color palette — #FBEBE1 · #B69755 · #6C2E0A · #3A1502 · #170F00

Built around Rust, softened by Mustard — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FBEBE1): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B69755): A luminous, balanced gold — the color of honey in a jar.
• Rust (#6C2E0A): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3A1502): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Bloom color palette (#FBEAE8, #B69755, #6D2542, #3C0E21, #201110)
• Tempered Amber Basin color palette (#F1E3CB, #B88A00, #493900, #231900, #070A00)
• Chestnut Pier color palette (#FCF4EB, #C3AB7B, #71460D, #412706, #1F1D12)
• Amber Villa color palette (#F9E9F2, #E5C47F, #BF7049, #7C462B, #1F1119)
• Softworn Market color palette (#FEECCF, #A1822E, #466602, #203F6E, #363104)
• Bronze Loft color palette (#FFEADA, #AD5400, #006E78, #1D4280, #37210E)
• Deep Basin color palette (#FCEBD5, #896600, #1D2929, #291A00, #080400)
• Worn Navy Courtyard color palette (#FFF3E6, #8E5500, #005158, #2B276C, #32100B)

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