Hushed Cocoa Pier color palette — #FEEEEB · #B4B788 · #764352 · #411624 · #150907

Coffee and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEEEB): a clean, paper-quiet neutral.
• Sage (#B4B788): A luminous, dusty green — the color of fresh herbs.
• Coffee (#764352): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#411624): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#150907): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Garnet Study color palette (#FFF2EE, #D5A27A, #863038, #491F22, #251B10)
• Ancient Marigold Boulevard color palette (#FFEFDF, #C0A551, #703E00, #331900, #0F0500)
• Patina Studio color palette (#FBF1FE, #C8C984, #A4546F, #4D3A55, #251F27)
• Weathered Bronze Terrace color palette (#F7F0ED, #D8D8CF, #BBBFAE, #9F644D, #352922)
• Garnet Chapel color palette (#FDE3D8, #A59700, #79010B, #320002, #080100)
• Plum Terrace color palette (#F9EFED, #E19EA6, #688023, #AE2C4B, #110E00)
• Weathered Navy Basin color palette (#FDF0DE, #C68B80, #7F682A, #393D81, #321D0C)
• Bronze Quarry color palette (#FFE5E5, #D89C81, #9A6B29, #514600, #1A2600)

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