Muted Cocoa Pier color palette — #FFF3E8 · #DFDCC2 · #D5BF89 · #9C705B · #714500

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DFDCC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#D5BF89): A luminous, dusty gold — the color of old brass.
• Mocha (#9C705B): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#714500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

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

• Driftwood Chapel color palette (#FFF2EE, #E0D8CF, #EFB6A1, #A97184, #624B43)
• Fern Atelier color palette (#FDF5DC, #C7F2D0, #ABD1A2, #897E51, #5E4F00)
• Hushed Cocoa color palette (#FFF2EA, #BFA089, #966550, #724339, #5A3200)
• Antique Pier color palette (#FFEEE2, #DDDDBA, #BAC98C, #AF6F79, #38322D)
• Feathered Lime color palette (#FFF3E3, #EBCC72, #ABAE33, #955600, #4D3700)
• Washed Bronze Quarry color palette (#FCECDB, #C3A56C, #867400, #5B2B00, #261600)
• Fern Station color palette (#F7F5ED, #B1B467, #457E4C, #636403, #232614)
• Patina Jade color palette (#F8F5D7, #B8DAA9, #5EB680, #5E6400, #36362F)

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