Aged Cocoa color palette — #F4EDE5 · #D8CEBE · #B1A683 · #6E4200 · #050200

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F4EDE5): bright and airy, almost weightless.
• Oat (#D8CEBE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B1A683): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• 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

• Tempered Basalt color palette (#EEEADF, #BDBBAD, #929573, #443C00, #020100)
• Washed Field color palette (#F7EBE7, #DFCBC0, #BAA18A, #940023, #080100)
• Basalt Pier color palette (#EEE0E4, #97B19E, #628977, #502F00, #200D14)
• Timeworn Chapel color palette (#E6E2CA, #689E5C, #005D38, #481D00, #000200)
• Timeworn Bronze color palette (#F4EBE3, #AFB49D, #88A182, #A75B00, #1D1106)
• Bronze Bloom color palette (#E8DECB, #9E6A00, #424700, #001D33, #020100)
• Tempered Pine color palette (#F4F6EC, #CDDED4, #AFC1AB, #00741C, #0C0E00)
• Navy Garden color palette (#F5EFE1, #8D8E5E, #3F7545, #102269, #100024)

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