Aged Cocoa color palette — #F9EDF9 · #BAB67D · #803E40 · #42181A · #110911

Coffee takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EDF9): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#BAB67D): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#803E40): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#42181A): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#110911): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Marigold Lantern color palette (#FFF0FA, #DDA159, #734234, #3C2536, #231719)
• Timeworn Chestnut Veranda color palette (#EDF4EC, #C8B177, #734B0A, #142E13, #060F06)
• Ancient Mustard Pier color palette (#FFF2EE, #CFC77C, #A05A5E, #5A392E, #2C1E19)
• Timeworn Amber Archive color palette (#FDE3F2, #AC9400, #692600, #2A0A00, #090005)
• Terracotta Basin color palette (#F6EFF5, #E2A097, #6F7E00, #A33F36, #03120D)
• Tempered Bronze color palette (#F7EFF3, #C9D6D9, #A8BFC0, #926B50, #312A2D)
• Deep Chestnut color palette (#F3DAE2, #6C5500, #374300, #201000, #020100)
• Amber Atelier color palette (#E4F8E5, #D38757, #6E7015, #3F3D7C, #182718)

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