Hushed Cocoa Harbor color palette — #F6ECE1 · #DCCEB4 · #AFA686 · #6B4400 · #050200

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6ECE1): a clean, paper-quiet neutral.
• Oat (#DCCEB4): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AFA686): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Basalt Studio color palette (#F2EEE2, #BEBCA3, #909673, #423D00, #020100)
• Wandering Station color palette (#DEE6DE, #A0ADA3, #6A8776, #4C3100, #051906)
• Ancient Delta color palette (#F0E7DD, #AEB39E, #8D9D84, #9E6200, #1F1000)
• Aged Lantern color palette (#F4F7EB, #CBE0D4, #ABC3A7, #1C7236, #0C0E04)
• Washed Bronze Archive color palette (#E9E0CE, #9B6C00, #3E4900, #001C36, #020100)
• Sunlit Ridge color palette (#F1E6C8, #8F9C3E, #2C6A40, #253264, #150126)
• Emerald Courtyard color palette (#E6E3C4, #4BA54D, #005C3D, #461F00, #000200)
• Moonless Fern Basin color palette (#EEE4CC, #495358, #594E00, #131A14, #040700)

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