Worn Cocoa color palette — #EAF9F2 · #CCE0FF · #F9BBA3 · #5CA4C4 · #6C3506

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

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Powder Blue (#CCE0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Melon (#F9BBA3): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#5CA4C4): A luminous, balanced blue — the color of open sky before noon.
• Bronze (#6C3506): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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 Frost color palette (#EEF9EE, #9BF8F9, #FCB6B9, #58A9AA, #5E3C32)
• Sand Workshop color palette (#FFF0FA, #E3D7F0, #D8CE84, #8C96CC, #49463F)
• Stone Summit color palette (#E3FCF2, #F0D9D6, #A1C7C1, #B1AA9E, #435550)
• Aged Archive color palette (#D9FFF3, #DED9E5, #7BB8E1, #496E8B, #0B382C)
• Antique Hollow color palette (#EAF3FA, #86BCD4, #C88C6C, #007DA2, #4A2611)
• Muted Study color palette (#FAF2F8, #CDE0CE, #9B7A94, #533F4F, #1F191E)
• Dusty Powder Canyon color palette (#E4FCF2, #8FD6FF, #E4A6BD, #A0A775, #283E35)
• Aged Bronze Ridge color palette (#FCF4E7, #DBE5BE, #BFAB8B, #9F6F36, #4A3F00)

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