Weathered Cocoa color palette — #F2DED0 · #515F5E · #5A2B00 · #332916 · #0E0700

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

The five colors

• Parchment (#F2DED0): A whisper-light, dusty gold — the color of honey in a jar.
• Graphite (#515F5E): quiet, heavy and certain.
• Espresso (#5A2B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#332916): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0E0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Bloom color palette (#E1EFE7, #555863, #403A00, #181E26, #050A00)
• Bronze Ridge color palette (#FFE8D8, #9D6100, #574000, #2A2000, #031302)
• Cocoa Lantern color palette (#F4DCCA, #803E00, #32423B, #201700, #060100)
• Ultramarine Lantern color palette (#EDE8D9, #755B00, #0523D3, #382B00, #00033D)
• Wandering Garnet Terrace color palette (#EAE4CB, #5A4C00, #004957, #560048, #0A0700)
• Midnight Study color palette (#FFE6F7, #681A00, #362817, #110500, #040005)
• Softworn Cerulean color palette (#DCEADF, #12A1B0, #005266, #00302A, #001623)
• Aged Cypress color palette (#D2F7F3, #007E61, #00413C, #440418, #00140D)

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