Ancient Cocoa color palette — #FEF2EC · #DFE0CC · #E9AFCC · #9FCBD4 · #754408

A conversation between Bronze and Carnation, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Carnation (#E9AFCC): A luminous, dusty rose — the color of pressed rose petals.
• Sky (#9FCBD4): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#754408): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Courtyard color palette (#FFF2EF, #D8F8D0, #E0DCCE, #D2B2DF, #7E4024)
• Worn Apricot color palette (#FDF5DF, #CEE8D3, #BABCCB, #E29F72, #4D4600)
• Washed Cocoa color palette (#FFEAD6, #DBD6E1, #AA9EA1, #633A00, #25201C)
• Softworn Quarry color palette (#FFEEE2, #DCDAC3, #B7CDA3, #A18175, #5C3500)
• Frosted Drift color palette (#F4F3C4, #AEDEB9, #00ADD5, #6D4600, #000A01)
• Wandering Bronze Courtyard color palette (#F9F5E9, #D0E2CC, #B3B182, #9D7035, #334700)
• Blush Loft color palette (#FFF3E7, #DAF6C5, #C4E9FB, #E7778B, #4B3300)
• Hushed Bone color palette (#FFF0FB, #DFFFE1, #C8E2B6, #8C7E9C, #5C4B52)

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