Aged Cocoa color palette — #FFF3E9 · #F0C8A7 · #D49F7F · #A37F68 · #573400

A conversation between Cocoa and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#F0C8A7): A whisper-light, dusty gold — the color of old brass.
• Camel (#D49F7F): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A37F68): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Softworn Stone Meadow color palette (#FFF2EA, #E2B57F, #B48267, #885B59, #403D36)
• Cocoa Balcony color palette (#FBEFE7, #BEA78A, #956952, #6E3A40, #2B2204)
• Gentle Veranda color palette (#FEEBDA, #BE8229, #9E5B00, #773900, #120900)
• Worn Mint color palette (#F1F8E8, #4DD19E, #D68764, #967C3B, #2A2A19)
• Mustard Thicket color palette (#FCEEC4, #C4D174, #ACA943, #90802C, #36362F)
• Airy Mustard color palette (#F8D8AF, #E6AD2D, #C78500, #A15F00, #332700)
• Sunlit Mint color palette (#EFF9E9, #00D8B2, #87B0E5, #A38E50, #2D3627)
• Weathered Terrace color palette (#F1E6CD, #8C8400, #705F00, #503C00, #030400)

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