Worn Cocoa color palette — #FEF4E4 · #77B4B3 · #4C7E99 · #7F4554 · #3A4D3F

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

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#77B4B3): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4C7E99): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7F4554): A full-bodied, balanced red — the color of late-summer berries.
• Deep Olive (#3A4D3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Worn 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 Pewter Corridor color palette (#FDF4E6, #A5AC82, #30877E, #6D497B, #464942)
• Muted Chestnut color palette (#FEF4E3, #84ADCD, #7071A4, #7C4C2E, #534153)
• Cobalt Bloom color palette (#FFEEE4, #74BDA1, #427EAD, #734431, #223023)
• Aged Harbor color palette (#FFF0F9, #84D0B3, #5B99C9, #92614C, #364C52)
• Worn Lantern color palette (#E9FAEC, #72E6E4, #76B7DC, #9982A0, #364B54)
• Softworn Garnet color palette (#FFF4E2, #009CB8, #145EB4, #86010F, #003B51)
• Faded Basin color palette (#FBECD6, #498EB8, #4D5299, #692B00, #3F2541)
• Weathered Field color palette (#E7FCEB, #B4CEC3, #A18A9D, #9F5E42, #77460A)

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