Cocoa Archive color palette — #FFDDE4 · #D1AAC8 · #A88581 · #815E41 · #5A4117

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDDE4): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#D1AAC8): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#A88581): A luminous, dusty orange — the color of toasted spice.
• Walnut (#815E41): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5A4117): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Wandering Quarry color palette (#D0DEFF, #CDA4BB, #B08495, #8D5D66, #6C3013)
• Bronze Parlor color palette (#FFF1F2, #E1C3C2, #AF938D, #996A31, #684800)
• Faded Blush Study color palette (#F6DBE9, #E489A5, #B8646A, #7F5B11, #463C00)
• Basalt Orchard color palette (#FCDFDA, #CA967F, #9F7751, #4D6035, #373E00)
• Forest Dune color palette (#BEEFDC, #BDA1B1, #8E688D, #3D633E, #354829)
• Wandering Driftwood Basin color palette (#F1E3F2, #A86B90, #894C5F, #5D380D, #271A00)
• Ash Bloom color palette (#DEEEFF, #C0C8E8, #CA93BC, #628A85, #2B5050)
• Stone Terrace color palette (#F8F6E5, #A3BF8D, #678C63, #2D6F71, #36362F)

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