Aged Cocoa color palette — #FFF3E7 · #DBE0BD · #A6B992 · #AA746C · #673C00
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#DBE0BD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A6B992): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#AA746C): A luminous, dusty orange — the color of toasted spice.
- Bronze (#673C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Muted Studio color palette (#F9F4EC, #D1E3C7, #76AC8E, #877446, #393932)
- Aged Vanilla Pier color palette (#EFEFC6, #ABBC9B, #6D8B72, #71555B, #463230)
- Patina Chestnut color palette (#E2FBC9, #AFC09E, #6898B3, #625000, #2C2900)
- Patina Bronze color palette (#FDF6D0, #BAF4CC, #68B7D3, #926719, #384100)
- Timeworn Workshop color palette (#DBE3D5, #70B8A2, #417793, #4F4100, #001A0A)
- Weathered Stone color palette (#D9FFF7, #B5DDDE, #93BDCB, #8B88A7, #5B4C64)
- Terracotta Pier color palette (#FFF4DF, #B7DB92, #009F9C, #AB3A01, #483300)
- Antique Blush Summit color palette (#E6FCE7, #4BD1D4, #E88A9F, #D16E86, #1A311C)
Browse the whole catalog at Explore, or see today's palette.