Worn Cocoa color palette — #D4E6ED · #7DA4CE · #656E93 · #683722 · #211400

Cocoa takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4E6ED): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7DA4CE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#656E93): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#683722): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#211400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Hushed Seafoam Thicket color palette (#A1F2DE, #64ACB6, #447799, #5E3645, #2C0301)
• Ancient Orchard color palette (#DAE4FF, #AE97D1, #9D638B, #4B3A05, #122100)
• Softworn Pewter color palette (#D9E7F4, #7B86BE, #774C89, #502C00, #0E0B00)
• Tempered Cocoa color palette (#E9EBFF, #826D99, #6D405E, #231D00, #020500)
• Navy Quarry color palette (#D3EEDE, #1186A9, #544688, #2D2C00, #100F00)
• Wandering Veranda color palette (#CEF3E4, #7CAEB3, #3691B8, #7C6500, #003324)
• Worn Cerulean color palette (#EBFAEE, #9CD8E1, #0087A8, #00524A, #000E1A)
• Petal Canyon color palette (#F4F4FF, #ECBED9, #B291B0, #4F7269, #1E4C39)

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