Worn Cocoa color palette — #EDF7FF · #64A0C3 · #88608B · #7F4009 · #2B4C2B

Built around Bronze, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Blue Fog (#64A0C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#88608B): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#7F4009): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#2B4C2B): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Hushed Garnet Delta color palette (#EBF8FC, #5DA5AC, #6D699D, #843644, #4D4213)
• Dusty Pier color palette (#ECF7FF, #B3C2D9, #8A8CAA, #7F6370, #435448)
• Hushed Summit color palette (#F3F4FF, #927BBA, #924C3E, #3C5100, #003F4C)
• Timeworn Pewter color palette (#EAF4F5, #4FB192, #945892, #40541A, #002F27)
• Hushed Peony Villa color palette (#F1F8EE, #70C3B1, #BD7092, #646F37, #44433B)
• Softworn Mulberry color palette (#EFF6FF, #3A7CD7, #96226D, #573900, #003A28)
• Ancient Lagoon Garden color palette (#ECF8F5, #A6C9C7, #598D7C, #406D7D, #3B5251)
• Patina Powder Garden color palette (#EBF9F3, #83D2FF, #C098CE, #AA7969, #44433B)

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