Cocoa Archive color palette — #FCF3EB · #AF8157 · #74638F · #693B54 · #592300

Espresso takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Caramel (#AF8157): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#74638F): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#693B54): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#592300): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged jewel, vibrant, 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

• Dusty Courtyard color palette (#FCF4E7, #937C41, #7F527C, #693A43, #36302B)
• Driftwood Pier color palette (#F9F5E7, #858B47, #2C7A73, #6E4039, #3B3630)
• Aged Studio color palette (#FFF1F1, #A46985, #1C6F8F, #3E4B74, #3E2C31)
• Washed Villa color palette (#ECF8F4, #A4B080, #329AB0, #84537F, #22372A)
• Timeworn Lagoon color palette (#F3F7ED, #49916F, #2D7193, #464E79, #3D2B2F)
• Driftwood Archive color palette (#F6F5EE, #D6DBD5, #A2AFB2, #8D843B, #54534C)
• Periwinkle Grove color palette (#ECF8F9, #75D7C4, #74A6EF, #8A7FB1, #3A3442)
• Weathered Grape color palette (#FFF3E4, #885F00, #7F199E, #700039, #3D1400)

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