Antique Cocoa color palette — #FFF2ED · #E0D8CE · #D2CC9A · #C08C9F · #7B3F1E

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D8CE): bright and airy, almost weightless.
• Pistachio (#D2CC9A): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#C08C9F): A luminous, dusty rose — the color of a warm blush.
• Bronze (#7B3F1E): A full-bodied, balanced orange — the color of toasted spice.

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

• Cocoa Quarry color palette (#FFF3E7, #DCE9BE, #A2D9B0, #B89077, #654200)
• Softworn Courtyard color palette (#FFF2EF, #E0D9CF, #D2C793, #97688A, #7A3D1E)
• Ancient Mallow color palette (#FFF0FF, #D9EDBE, #E9D5D6, #D295C4, #604558)
• Wandering Blush Drift color palette (#FEF0FD, #E8D5D7, #ACB6AD, #D78B97, #4F374A)
• Timeworn Corridor color palette (#FFF3E4, #CBBD90, #A58B62, #8F5C27, #3F3D36)
• Mustard Balcony color palette (#FFEFEB, #FFCEA7, #D5B300, #C4616D, #572E17)
• Mustard Boulevard color palette (#FEF3EB, #E2BF77, #956548, #643400, #2A1F17)
• Moss Drift color palette (#FFECDA, #B89743, #828C07, #7A3216, #140900)

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