Worn Cocoa color palette — #FCF2F8 · #C3E6F8 · #A67A6C · #64392C · #21181E

A conversation between Cocoa and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Frost (#C3E6F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A67A6C): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#64392C): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#21181E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Tempered Driftwood color palette (#F0F8F0, #B7E1EC, #708F71, #324E34, #161D16)
• Ancient Amber Pier color palette (#E0F4E9, #CD9647, #423D00, #1B2027, #090800)
• Worn Cocoa Station color palette (#FDF3ED, #C3C491, #824E41, #5D2600, #29241B)
• Hushed Bronze Garden color palette (#FEF3EC, #F3DBA9, #C69077, #975D32, #322923)
• Antique Straw Meadow color palette (#FFF1F6, #EFD976, #995900, #452600, #160008)
• Amber Market color palette (#F9F3F7, #E4DCD3, #79BFA5, #D97D61, #092324)
• Tempered Mustard Orchard color palette (#EEF9EE, #D5B86B, #6C4900, #231500, #000200)
• Antique Delta color palette (#EEF8F1, #D4C28F, #9FB78C, #5F83B9, #233729)

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