Aged Cocoa color palette — #F6ECE3 · #D9CFBA · #ACA784 · #713F00 · #050200

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6ECE3): a clean, paper-quiet neutral.
• Oat (#D9CFBA): A whisper-light, dusty gold — the color of old brass.
• Sage (#ACA784): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, 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

• Garnet Study color palette (#F9EAE6, #E1CBBC, #BAA285, #91082F, #080100)
• Ancient Thicket color palette (#E8E3D8, #BEBCA4, #8E967A, #473B00, #020100)
• Basalt Drift color palette (#F4E9ED, #9BAF9F, #638977, #502E00, #210C14)
• Fern Courtyard color palette (#F5F6EB, #CCDFD4, #A7C4A9, #3A6E2B, #0D0E02)
• Weathered Bronze Canyon color palette (#DBE4DA, #96BBB3, #7DA19D, #986518, #0C170C)
• Velvet Quarry color palette (#EADDC4, #4C585C, #5D4B00, #121812, #030700)
• Worn Courtyard color palette (#FFE8D9, #A1913F, #1C6B2D, #482558, #12000F)
• Emerald Boulevard color palette (#E8E2C6, #56A353, #005C45, #520B1D, #000200)

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