Aged Cocoa color palette — #F8EBE9 · #D9C8C3 · #B7998C · #7C3E4F · #372A28

Coffee and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F8EBE9): bright and airy, almost weightless.
• Oat (#D9C8C3): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#B7998C): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#7C3E4F): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#372A28): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Chestnut Hollow color palette (#FFF3E8, #E2CFBA, #B8A387, #874700, #37322D)
• Garnet Market color palette (#F5EBE8, #CCB3A6, #A48874, #762422, #2B1B14)
• Pewter Chapel color palette (#F2ECF5, #E0D2DF, #C6B0BE, #9E5970, #332A38)
• Worn Amber color palette (#EFDDD9, #C77F5E, #8F5F26, #4F4C00, #1C3B22)
• Weathered Peony color palette (#F4ECEC, #DAD2C6, #BCB9A5, #D86499, #3F2624)
• Bronze Basin color palette (#FAF4ED, #DBDBD1, #A4B1AD, #A7773E, #57514B)
• Bronze Chapel color palette (#F1EADF, #A6987F, #866D25, #3A2700, #0F0700)
• Bronze Chapel color palette (#F9F5EC, #D8DFC6, #C2BCA6, #826700, #533B00)

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