Weathered Cocoa color palette — #FCF3EF · #E6B585 · #7F4F48 · #5F2402 · #2A2319

Built around Espresso, softened by Sand — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sand (#E6B585): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7F4F48): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5F2402): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A2319): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Wandering Bloom color palette (#FBF3EE, #F3AD90, #94793C, #935E47, #312D27)
• Softworn Marigold color palette (#FBF4E9, #CEA958, #674D0D, #312D27, #1C1C0F)
• Taupe Studio color palette (#FFF2EF, #E2E1B6, #C28D99, #8C6058, #382623)
• Antique Driftwood Pier color palette (#FAF2F9, #E3CFA4, #A16E6F, #5A455A, #312831)
• Worn Mustard color palette (#FFF3E8, #E7B97E, #9B8147, #665A24, #2D4D1F)
• Dusty Amber Archive color palette (#FFF2EC, #CA7566, #808352, #7B5160, #642906)
• Amber Garden color palette (#F0DAC7, #BA7F00, #532900, #260F00, #080500)
• Softworn Apricot Workshop color palette (#FFF4E1, #D19C57, #86763D, #356451, #614000)

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