Ancient Cocoa color palette — #F1E3F5 · #976157 · #623C00 · #002F27 · #061626

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F1E3F5): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#976157): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#623C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#002F27): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#061626): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Ancient Cocoa 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 Bronze Thicket color palette (#FFEBE0, #956D2B, #444800, #002C3E, #061446)
• Hushed Garnet color palette (#EEDDF6, #7F6E93, #7E2C2E, #183000, #002219)
• Washed Onyx Quarry color palette (#E5E5F3, #8E4A74, #6C3009, #061F59, #010234)
• Wandering Coral Veranda color palette (#F9D6DD, #E26D57, #976833, #2B665B, #00232B)
• Sunlit Loft color palette (#FBD6E6, #B2648B, #8F5500, #103A6C, #001E44)
• Dusty Chestnut Terrace color palette (#F2DBE6, #964400, #00546C, #4A1E00, #00121A)
• Shadow Bronze Pier color palette (#EFE3D8, #A16000, #4D2A00, #1E0C00, #080300)
• Faded Brick color palette (#F8D5D6, #BD290E, #6B2900, #371700, #131000)

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