Antique Cocoa color palette — #F8F1E2 · #B4AE74 · #837441 · #654500 · #28220C

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#B4AE74): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#837441): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#654500): A full-bodied, balanced gold — the color of old brass.
• Onyx (#28220C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Antique 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

• Patina Cocoa color palette (#FEEEE5, #D19F83, #9E644E, #753918, #2E1F11)
• Patina Taupe color palette (#EAE0C6, #9C9D5E, #6F6627, #4D3C02, #1D1802)
• Bronze Lagoon color palette (#E9FAEE, #8AB29F, #817140, #684C23, #2B433B)
• Muted Hollow color palette (#FFF4E0, #C5BF9C, #9E8E63, #875F43, #3B4200)
• Wandering Lime color palette (#ECF5EA, #A8BE69, #00635D, #1C2C19, #070F06)
• Aged Field color palette (#FBDBCD, #D17020, #943D00, #611B06, #1F0D00)
• Fern Lantern color palette (#F7EDCE, #626700, #3C3800, #1E1700, #010200)
• Aged Grove color palette (#FCDECC, #B15306, #742700, #460500, #0B0300)

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