Hushed Cocoa Pier color palette — #FFF2EB · #DED9CD · #D7A29A · #9EB2B2 · #6B3800

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DED9CD): bright and airy, almost weightless.
• Rosewood Mist (#D7A29A): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#9EB2B2): A luminous, dusty teal — the color of glacier melt.
• Bronze (#6B3800): A deep, shadowed, balanced gold — the color of honey in a jar.

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

Use it as a design system

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

• Patina Cocoa color palette (#FFF4E0, #D4F4C4, #91DDCD, #BC9C72, #574000)
• Antique Coast color palette (#FFF2EE, #E0DECD, #B6CB8E, #99618E, #4E4742)
• Gentle Moss color palette (#EEE5CE, #C9BA56, #8E9B2A, #593900, #020100)
• Patina Taupe color palette (#FFF4DD, #E4E19F, #AD9E60, #6E6A63, #33322B)
• Sunlit Marigold color palette (#FFEEE2, #FDB765, #CC9900, #8A3C1C, #090300)
• Marigold Quarry color palette (#FFF3E3, #E5A521, #61B189, #9D5B73, #2E2212)
• Chalky Sunflower color palette (#FFF3E7, #DDDDCA, #F8D434, #C9713D, #3F2600)
• Bronze Ridge color palette (#FFF3E5, #E2E6AE, #966D39, #3C3732, #150E05)

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