Cocoa Archive color palette — #EFD7E4 · #7A3000 · #312A00 · #22002F · #170004

Rust and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EFD7E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7A3000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#22002F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#170004): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged dark, 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

• Garnet Study color palette (#FAE0F5, #8E020F, #3A2600, #0B1800, #15000C)
• Twilit Cocoa Grove color palette (#D5F2D7, #634300, #1D3100, #001815, #150200)
• Wandering Olive Basin color palette (#F9E6ED, #686A20, #562E00, #312816, #0E0600)
• Hushed Ember Cabin color palette (#F6DDCC, #ED4B00, #A85800, #684800, #190A00)
• Tempered Bronze color palette (#FAE4C7, #826A25, #4B4A00, #003328, #001A23)
• Soft Market color palette (#F7DCD6, #B32652, #00541F, #2A006B, #100019)
• Softworn Balcony color palette (#F7E6D3, #B27000, #5E6C00, #00503A, #170002)
• Sunlit Garnet Canyon color palette (#CCEAD9, #746A00, #00552E, #5A0021, #321800)

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