Cocoa Archive color palette — #CFE4D8 · #5BACB6 · #4675AC · #753B00 · #434500

Bronze takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#CFE4D8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#5BACB6): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4675AC): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#753B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#434500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Fern Cabin color palette (#D0E8EA, #74A1C8, #6C6295, #545100, #124D2A)
• Garnet Delta color palette (#EDF4D1, #68B089, #00798A, #81252D, #583500)
• Patina Fern color palette (#D8F8D6, #8CBEAF, #8276AF, #665D0B, #2B553A)
• Worn Alley color palette (#C1E9F5, #6782AA, #685177, #2E3D00, #002F31)
• Softworn Fern color palette (#CAF0D8, #AD97AB, #966C79, #4D592F, #0A4C4E)
• Weathered Iris Loft color palette (#E0F5F2, #4CCFFF, #8391EB, #A07930, #4F3600)
• Patina Forest Coast color palette (#FFF2EB, #6ECAC5, #007B8E, #005930, #003850)
• Pale Cobalt Coast color palette (#C7EFE3, #008ADB, #846F00, #005285, #372D00)

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