Cocoa Harbor color palette — #FFF1F6 · #EABDD0 · #A07148 · #754100 · #4D2D0C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Carnation (#EABDD0): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#A07148): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#754100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4D2D0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Worn Coast color palette (#FFECF3, #EABC9A, #B5713D, #714215, #31111F)
• Wandering Veranda color palette (#FEF0FF, #E8B4B8, #B46D73, #7B333C, #572A31)
• Dusty Courtyard color palette (#E4FDEA, #B1D6BB, #927E40, #654F00, #423300)
• Muted Cabin color palette (#FFF3E9, #FFCEA6, #CA8959, #895930, #3A352F)
• Timeworn Veranda color palette (#FBE5C9, #8F5D00, #3D2400, #19241F, #0F0600)
• Patina Quarry color palette (#FFF1F6, #C7E1E4, #9AC7D4, #B1846F, #604B52)
• Quiet Summit color palette (#F5E5AD, #A8923B, #645100, #372B00, #1E1700)
• Aged Bloom color palette (#FCF1FB, #C07A77, #697EAC, #675093, #463845)

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