Washed Cocoa color palette — #F9EAE6 · #AF6D74 · #5B2E00 · #291A16 · #110A0A

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9EAE6): a clean, paper-quiet neutral.
• Mocha (#AF6D74): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#291A16): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#110A0A): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Hollow color palette (#EEE6DB, #976C14, #33312A, #201302, #0B0502)
• Weathered Coral color palette (#F9EDFA, #D57F88, #6B4E5D, #3F3340, #232026)
• Deep Ridge color palette (#F5DDD0, #BD3100, #3C2400, #1F0800, #0A0101)
• Aged Delta color palette (#FFEEE1, #BE9172, #4A98BB, #437EAA, #362210)
• Nocturne Terracotta color palette (#FFE8D8, #8A3900, #373E32, #251700, #0C0300)
• Softworn Driftwood color palette (#F5F1E8, #C6C5AC, #7A8C48, #785662, #32312B)
• Chestnut Market color palette (#FFE0DB, #DBA39D, #C07958, #824C0A, #3F3A34)
• Bronze Corridor color palette (#FBEFE6, #D7A789, #51A9C6, #AA5813, #143928)

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