Muted Cocoa Pier color palette — #F8EBF3 · #9BA99C · #728D83 · #772700 · #14030F

Built around Rust, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F8EBF3): a clean, paper-quiet neutral.
• Taupe (#9BA99C): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#728D83): A luminous, dusty teal — the color of glacier melt.
• Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#14030F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Cocoa Grove color palette (#E0E5E1, #9AA8A4, #668F90, #574200, #020C04)
• Ancient Garnet Harbor color palette (#EDE3DE, #C5B9A9, #989278, #6A1F00, #030100)
• Aged Study color palette (#F3E6ED, #B69995, #81A189, #90502E, #10060B)
• Muted Lagoon color palette (#ECE8EE, #ABA1A9, #9E7B87, #7E004E, #0D0513)
• Patina Bronze color palette (#EDE2DB, #A79786, #8D6A26, #491B00, #130600)
• Chestnut Quarry color palette (#DAE0DB, #BAC8C3, #8CACAC, #7A5B00, #162319)
• Dusty Aubergine color palette (#F9E4ED, #9B633F, #535600, #4C1957, #230729)
• Softworn Archive color palette (#D5E6DA, #637F49, #00523A, #43104E, #030800)

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