Ancient Cocoa color palette — #FDEDF2 · #9AB39B · #936C41 · #6C401B · #122818

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Sage (#9AB39B): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#936C41): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C401B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#122818): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Worn Orchard color palette (#E9F5EE, #A8C2B6, #8B8457, #65572C, #1A312A)
• Timeworn Study color palette (#FDEDF5, #C69EAF, #946A53, #723A27, #341923)
• Hushed Chestnut color palette (#D7E5D7, #AC9569, #825C24, #5B3300, #001E0D)
• Powdered Olive color palette (#FBE8B8, #BAB070, #7B7E1A, #445400, #152500)
• Worn Cabin color palette (#F8EFF2, #D2AB85, #837617, #8F5500, #02120A)
• Hushed Chestnut Basin color palette (#FFF1F5, #C2E8CC, #BE956B, #915B48, #1D382D)
• Ancient Harbor color palette (#FAEEF4, #CEAC87, #7C4429, #421A04, #160710)
• Muted Cabin color palette (#E6F3E9, #80713B, #564000, #311E00, #070500)

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