Cocoa Archive color palette — #FFF2EB · #F2D3B6 · #DDA893 · #B28679 · #5F4100

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F2D3B6): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#DDA893): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B28679): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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 Lantern color palette (#F3F7EA, #8AD7A4, #E79FAE, #C18793, #3C3E37)
• Softworn Bloom color palette (#FDF1F8, #E0C0CF, #C08E79, #8A6881, #554149)
• Softworn Pier color palette (#F9F5E7, #C2DAAB, #B2B168, #9F8450, #394300)
• Worn Apricot Basin color palette (#FFEBD7, #E8C372, #E98900, #B56850, #393709)
• Aged Courtyard color palette (#FBEDF5, #D4AFBF, #9C758D, #674F64, #223121)
• Wandering Delta color palette (#FAECCD, #99A767, #917C00, #7D4F00, #161800)
• Amber Harbor color palette (#F4E6D4, #C0B277, #BE8000, #995833, #2A2401)
• Antique Rust Bloom color palette (#FFECDF, #B68445, #AD4E00, #882126, #100B00)

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