Ancient Cocoa color palette — #F2DDE8 · #9E673B · #6F3100 · #491300 · #231100

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F2DDE8): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#9E673B): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6F3100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#491300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#231100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Chestnut Boulevard color palette (#F4D7E3, #A77E57, #824200, #58270A, #341F00)
• Bronze Lantern color palette (#F7EDE1, #875F00, #4F3100, #2D1500, #110A00)
• Worn Rust Atelier color palette (#F4DFD0, #D28D58, #C35900, #923B1C, #231100)
• Antique Chestnut color palette (#F9E0E8, #80A181, #825A2E, #633812, #193821)
• Bronze Cabin color palette (#FFF1F6, #C599A7, #8F6A4A, #6A4458, #2F4330)
• Basalt Harbor color palette (#D3EDF5, #004F4D, #452D00, #181B00, #000803)
• Olive Garden color palette (#D8EFFC, #428F33, #002C38, #1C1210, #000B10)
• Muted Lantern color palette (#D4E5FB, #0048B0, #730E5C, #520018, #000C24)

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