Ancient Cocoa color palette — #FBF0E0 · #80B3D3 · #6D75A3 · #7C3E1D · #352636

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
• Cyan (#80B3D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6D75A3): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#7C3E1D): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#352636): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Aged Driftwood Chapel color palette (#F9F1E3, #A7A6D2, #906891, #5F5119, #39252E)
• Softworn Station color palette (#FBF0E1, #8BB79E, #5F79A3, #7E3B33, #193229)
• Timeworn Terrace color palette (#E8FBEF, #6DB5BB, #6970B3, #655929, #384A57)
• Weathered Market color palette (#F5F1EB, #C7E3E3, #78A1C3, #207880, #442D44)
• Dusty Iris Archive color palette (#EBFAEE, #90C5E8, #838DCC, #8D6450, #3B4959)
• Cobalt Garden color palette (#F6E9F5, #5C84BF, #483440, #261926, #060F0C)
• Grape Veranda color palette (#FFF0D8, #5890E9, #723FB7, #583500, #121640)
• Dusty Orchard color palette (#F9F5E8, #A7ECE7, #8AA1D8, #77762D, #304539)

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