Cocoa Archive color palette — #E9F3FF · #BAB2E3 · #A16E93 · #803F4E · #471900

Coffee and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Lavender (#BAB2E3): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A16E93): A luminous, balanced pink — the color of peonies in June.
• Coffee (#803F4E): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#471900): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Softworn Chestnut Atelier color palette (#F6EEFF, #E0AFC5, #B67876, #7C4A27, #372D00)
• Softworn Onyx color palette (#E1F6FF, #A1C8F3, #7D7EAF, #6D4777, #51102C)
• Softworn Mulberry color palette (#F3F4FF, #CFB4DB, #A9739B, #873B5C, #732C39)
• Frosted Delta color palette (#E8E4FF, #B365A3, #931C4C, #4E1600, #160B00)
• Washed Grove color palette (#E2F6F8, #9FA7DF, #97697B, #275B60, #2A2A3B)
• Washed Alley color palette (#F2EAFC, #C683B6, #A54A4A, #662B00, #221700)
• Driftwood Ridge color palette (#F0F1F9, #DCD5DA, #B9ABA9, #7B7FA6, #34353F)
• Tempered Driftwood color palette (#EFEBF7, #A66B9E, #443644, #1F1C27, #0B0C12)

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