Cocoa Archive color palette — #FFF1F3 · #EFD4C5 · #D1B7B2 · #B09E8D · #674800

Bronze takes the lead with Bone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#EFD4C5): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#D1B7B2): A luminous, dusty orange — the color of toasted spice.
• Taupe (#B09E8D): A luminous, dusty gold — the color of old brass.
• Bronze (#674800): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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 Shell color palette (#FFE4F6, #F9B7CE, #D8A3A8, #98805A, #5A4D0E)
• Dusty Veranda color palette (#F5F6EE, #D8E3BD, #8DC4AA, #8C9F94, #46540A)
• Aged Abyss color palette (#F3F4FF, #E2D7E0, #CDBBD2, #76948A, #345857)
• Honey Studio color palette (#FFF1F1, #FFBFDD, #E0C481, #CE94B0, #504C46)
• Softworn Canyon color palette (#FEDEEB, #E798A4, #BA8F7C, #8E6C28, #3A3831)
• Olive Studio color palette (#E0F8F2, #B0C9C2, #A88793, #587537, #2C4B3F)
• Quiet Marigold Thicket color palette (#F5E4DB, #F3A653, #B99856, #428650, #004B37)
• Amber Alley color palette (#FFDDD6, #CF7B48, #976930, #4A6434, #281131)

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