Aged Cocoa color palette — #F6EAE7 · #AF6D73 · #5F2A00 · #2B1914 · #120A09

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6EAE7): a clean, paper-quiet neutral.
• Mocha (#AF6D73): A luminous, balanced red — the color of a theater curtain.
• Rust (#5F2A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2B1914): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#120A09): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Aged 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

• Rust Harbor color palette (#F8EEF9, #B3606C, #4B353F, #2E252F, #181318)
• Bronze Atelier color palette (#E8DFD2, #956D1F, #33312A, #211300, #0B0501)
• Softworn Coral Field color palette (#F7EEF8, #DA7B85, #66515E, #3E343F, #232025)
• Moonless Rust Ridge color palette (#F8E6DD, #BC3200, #402100, #240400, #0B0100)
• Tempered Chestnut Thicket color palette (#FFF2EE, #DF98A0, #79470E, #362723, #150D0E)
• Cobalt Workshop color palette (#FFEEE1, #C58E68, #529E8B, #7D6CAB, #332316)
• Eclipse Basalt color palette (#F0E2C9, #4B5757, #433400, #141E1C, #060700)
• Tempered Chestnut Loft color palette (#FEDCD2, #E4ADA2, #BB755D, #88480D, #3C3631)

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