Aged Cocoa color palette — #FFF3E7 · #D8D2BE · #A3AB97 · #99747A · #7E3E27
Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Oat (#D8D2BE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A3AB97): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#99747A): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#7E3E27): A full-bodied, balanced orange — the color of autumn markets.
Feels like: 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
- Bronze Delta color palette (#F4F9D6, #BBD2B9, #7BAEA0, #A56B40, #6D4B00)
- Powdered Plum color palette (#F0E4C1, #A3CB9C, #41A4A0, #9E536A, #66402D)
- Stone Quarry color palette (#E4FCED, #C0E8F2, #A1CBD3, #9A8EA2, #564E5C)
- Faded Terracotta Delta color palette (#CFE6DA, #71C0BA, #5C90B8, #A43F00, #423A00)
- Dusty Lagoon Studio color palette (#FAF4F0, #CEE6E4, #87B7DE, #3E978E, #62495E)
- Misty Garnet color palette (#F7F1CD, #62A687, #008295, #822F2D, #332100)
- Hushed Coral color palette (#ECFAE9, #6DC3BA, #C092C5, #D0717E, #374833)
- Softworn Emerald color palette (#F2F7EB, #9FD2B5, #DF9AAF, #34A371, #68413C)
Browse the whole catalog at Explore, or see today's palette.