Worn Cocoa color palette — #FEF4E5 · #6F9BCD · #6B5E9D · #723F00 · #4B3448

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FEF4E5): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#6F9BCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6B5E9D): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#4B3448): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Pewter Pier color palette (#FEF4E3, #A2A2D1, #906692, #67591D, #583F4A)
• Hushed Cocoa Loft color palette (#FFF4E2, #59A3BA, #486AA1, #7E3228, #224539)
• Powdered Atelier color palette (#FBF2FA, #6A8ABA, #8A4975, #6A3B00, #16431B)
• Indigo Thicket color palette (#F8F2DD, #33ACCB, #715BA9, #4B4900, #052922)
• Timeworn Aqua color palette (#E2FDF1, #47C3DF, #8879C4, #656815, #293F54)
• Gentle Lilac color palette (#FFF0FD, #C4E9FF, #90B3FF, #A26FC9, #523147)
• Chalky Veranda color palette (#FFF4E2, #A372CE, #9D2B72, #424B00, #48264D)
• Washed Petrol color palette (#F8F5EF, #C6E4DB, #6E8BB9, #006D84, #3D4569)

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