Worn Cocoa color palette — #F1F5FF · #E6D6E2 · #DAA0C5 · #9B5E5D · #612F0B

A conversation between Cocoa and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Silver (#E6D6E2): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#DAA0C5): A luminous, balanced pink — the color of peonies in June.
• Walnut (#9B5E5D): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#612F0B): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Lilac Ridge color palette (#EBF7FF, #DBDAE4, #B7A3DF, #91688C, #5E2738)
• Aged Stone Grove color palette (#F4F4FF, #EBD9D9, #E39992, #8F6A3C, #464300)
• Mulberry Ridge color palette (#FFF0F9, #CFB4DC, #A26D8C, #913851, #78291C)
• Aged Chapel color palette (#F6F3FF, #F485DD, #CB414F, #6A2A00, #1B1100)
• Ember Villa color palette (#FAF1FF, #FFB2D0, #D26256, #7C4A00, #2E2500)
• Aged Taupe color palette (#E1FBFC, #DBD7FF, #C7919C, #4C7C81, #3F3D4D)
• Worn Atelier color palette (#F7F3FF, #E889CC, #5F4E5D, #2D2934, #0E0F14)
• Powdered Lagoon color palette (#FFF1F5, #FF9D89, #B77900, #494B00, #052000)

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