Worn Cocoa color palette — #DFF3E6 · #006678 · #693E00 · #003039 · #060200

Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DFF3E6): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#693E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

• Pale Garnet Boulevard color palette (#CDEDDD, #006580, #8C0026, #002F3D, #0A0001)
• Twilit Summit color palette (#C2E7ED, #00535E, #543800, #262D03, #000102)
• Midnight Navy Parlor color palette (#F2D9F0, #0044A5, #4C3800, #001A4A, #020100)
• Tempered Chestnut color palette (#D8F0FE, #0084A8, #9C4E00, #004D63, #1D0900)
• Fern Alley color palette (#F5EBDC, #616700, #463300, #2B0F00, #000200)
• Moonless Coast color palette (#E0F0FE, #0074AB, #00395A, #001122, #000103)
• Raspberry Bloom color palette (#C5EAFA, #6497E8, #B441A9, #004735, #000717)
• Softworn Denim Bloom color palette (#E2E0C4, #A25900, #0064AA, #080916, #000201)

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