Cocoa Harbor color palette — #FBE1EA · #A57E3D · #713F00 · #3C1300 · #020100

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

The five colors

• Rose Water (#FBE1EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#A57E3D): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C1300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Bronze color palette (#F9E4CF, #A77C00, #565100, #191F00, #000200)
• Softworn Amber color palette (#FADCE5, #B99440, #855300, #502300, #050400)
• Amber Veranda color palette (#FAE2EE, #DB6900, #2A5B00, #602A00, #000200)
• Hushed Bronze color palette (#FFF0F8, #DCA675, #AA6038, #6F3027, #1B1000)
• Tempered Garnet Atelier color palette (#FBDFEA, #A58D4A, #A05A00, #93040B, #0A0D00)
• Chestnut Archive color palette (#FFDCEC, #914700, #003B3D, #040041, #040001)
• Aged Oat color palette (#FFF1F6, #E5C191, #AB7F5C, #784B3B, #072914)
• Weathered Courtyard color palette (#E0FDEF, #C4DB8D, #9A963B, #765C00, #002F2A)

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