Washed Cocoa Pier color palette — #F1F5FF · #E5D8E1 · #D9A1C9 · #A36669 · #663214

Built around Bronze, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Silver (#E5D8E1): a clean, paper-quiet neutral.
• Mauve (#D9A1C9): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#A36669): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#663214): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

One click turns Washed Cocoa Pier 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

• Worn Mulberry Veranda color palette (#F1F5FF, #CFB7E0, #A16A96, #8B3853, #75281E)
• Worn Stone color palette (#FBF1FF, #E9D8D8, #E49F92, #997046, #433A00)
• Pale Market color palette (#F9F2FF, #FFB7D9, #D06465, #7D3E00, #2B2300)
• Antique Taupe Drift color palette (#EFF9E5, #D6DAFF, #CA8EA3, #677958, #4E383F)
• Fuchsia Loft color palette (#F7F3FF, #FE79E3, #D1476B, #642B00, #170D00)
• Mallow Quarry color palette (#FFF1F2, #DC90CF, #804029, #322829, #130E10)
• Soft Bronze color palette (#FFF1F6, #FFA28C, #B16F00, #574A00, #041D00)
• Timeworn Driftwood Grove color palette (#FFF0FA, #E6DBD5, #CBC2AD, #7F937F, #414F42)

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