Cocoa Archive color palette — #FDF3EC · #E7D2AB · #A2B484 · #A283AB · #573D00

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Wheat (#E7D2AB): A whisper-light, dusty gold — the color of old brass.
• Sage (#A2B484): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#A283AB): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#573D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Dusty Teal Station color palette (#FAF4EB, #DBD6B1, #7EBD95, #5B9BAC, #4C4300)
• Tempered Canyon color palette (#FDF4E7, #C8CF9C, #77B080, #847CAE, #37352F)
• Hushed Powder color palette (#FFF1F4, #E3D9D2, #ACB9C6, #9EAAED, #634343)
• Frosted Villa color palette (#FFF1F5, #DFBAFB, #8FD18F, #C17AF0, #264D27)
• Clover Market color palette (#F9E8D5, #C2C67B, #46BF55, #A7448D, #2F3100)
• Driftwood Basin color palette (#EFF8F2, #A3D0BF, #7D996C, #467896, #2B4A3F)
• Ancient Jade Station color palette (#FFF1F1, #ECA5CB, #ABC059, #47B467, #4C2F2E)
• Garnet Field color palette (#F1EBDD, #6F9564, #00735C, #732C42, #010800)

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