Cocoa Archive color palette — #FFE3F1 · #A57F3C · #7B3700 · #46000F · #010100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and balance.

The five colors

• Blush (#FFE3F1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#A57F3C): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#46000F): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Dusty Moss color palette (#DBEADD, #898C36, #644800, #3A1500, #000200)
• Dusty Quarry color palette (#FED9ED, #B39467, #994200, #62001D, #050400)
• Timeworn Delta color palette (#FFE2D3, #8A5D00, #5D2500, #3C000F, #0D0C00)
• Wandering Garnet color palette (#FFF1F6, #D4B869, #B66800, #940409, #161B00)
• Hushed Olive Garden color palette (#E2FDEF, #A1BC93, #7F7A00, #613D00, #00180D)
• Misty Courtyard color palette (#F0EEFF, #B663A9, #9B003B, #3B0D00, #020100)
• Mulberry Meadow color palette (#EDE9FC, #912C93, #6F4100, #003026, #030003)
• Washed Aubergine Lantern color palette (#E6E8FB, #9B79D1, #7E3300, #4F008C, #030100)

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