Hushed Cocoa Harbor color palette — #FFECF2 · #E3C49D · #AC7D4A · #723F00 · #2B1600

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sand (#E3C49D): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AC7D4A): A luminous, balanced gold — the color of old brass.
• Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2B1600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Softworn Cocoa Pier color palette (#FFEBF9, #EAB9AC, #B17460, #7E3529, #31132A)
• Fern Studio color palette (#DDFAEA, #B2DCC2, #908347, #534900, #251F00)
• Hushed Chestnut color palette (#F9EEF4, #AEC2AC, #9B7689, #794945, #203126)
• Antique Balcony color palette (#E6E1AF, #A39337, #675A00, #2F2B00, #080500)
• Tempered Bronze color palette (#FFF3E6, #DDDACA, #D2A376, #905D1E, #3E2401)
• Marigold Courtyard color palette (#FFF1CA, #CDA33A, #826A00, #473500, #171100)
• Moss Archive color palette (#EBF3DD, #74901D, #405300, #181D00, #010100)
• Worn Bronze color palette (#EDF4F0, #A4CFB5, #22958C, #847100, #03191E)

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