Aged Cocoa Field color palette — #E9DBD2 · #A36532 · #703000 · #4A1300 · #231100

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Bone (#E9DBD2): a clean, paper-quiet neutral.
• Ochre (#A36532): A full-bodied, balanced gold — the color of old brass.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A1300): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#231100): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Aged Cocoa Field 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

• Timeworn Coast color palette (#FFE7D6, #9C6313, #6F2D00, #48000B, #090400)
• Muted Bronze Study color palette (#ECDEC7, #89751D, #584200, #382300, #1D1500)
• Hushed Amber color palette (#F5DDEA, #C37900, #9D4000, #682126, #1D1500)
• Bronze Cabin color palette (#F7E0D1, #C1965E, #B96036, #8A3E4C, #1A1600)
• Dusty Chestnut color palette (#F2E6D9, #B09166, #8B550C, #683503, #34302A)
• Fern Pier color palette (#F1E7C9, #5B5E00, #312D00, #161000, #030400)
• Hushed Station color palette (#FDE2EB, #7016A7, #810308, #3D2000, #150323)
• Tempered Emerald color palette (#DFF0E7, #369036, #48414B, #002C39, #000B11)

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