Misty Cocoa Pier color palette — #FFEFF7 · #CD9EC4 · #A55970 · #883600 · #543800

Rust takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FFEFF7): A whisper-light, dusty rose — the color of strawberry cream.
• Mauve (#CD9EC4): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A55970): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#883600): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Rust Market color palette (#FFF0FE, #D092A1, #AE5945, #6A4500, #3D3E00)
• Worn Mulberry Quarry color palette (#EBF3FF, #B5A9DB, #9B5B8E, #900E38, #662800)
• Softworn Rust Workshop color palette (#FFDEF8, #E39CB6, #BF5662, #7A2416, #3C1700)
• Aged Coral Market color palette (#FFF0FA, #F7ABC6, #DB6475, #A14232, #652B00)
• Hushed Blush Harbor color palette (#F6F2FF, #FFBAF2, #E88EA0, #B6754D, #513900)
• Weathered Station color palette (#F8F6E4, #9D8DC4, #9F4C57, #00566F, #543238)
• Weathered Drift color palette (#FBF3F3, #DFD9D3, #C7C0AC, #9A5B8C, #504445)
• Timeworn Studio color palette (#FFEEFA, #CAA6AD, #AF6F4B, #40698D, #5D4857)

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