Cocoa Harbor color palette — #FFF1F6 · #EBD6DA · #D6B6B7 · #B8927C · #6E4100

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Silver (#EBD6DA): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D6B6B7): A luminous, dusty red — the color of late-summer berries.
• Taupe (#B8927C): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Hushed Grove color palette (#FDE8E9, #D6ADAB, #BC8690, #946A34, #443400)
• Patina Hollow color palette (#EBFBE7, #CBDFD5, #B9A1AE, #9F7A38, #545300)
• Fern Harbor color palette (#FFDFDB, #C8998B, #AD7567, #6A5F0E, #252C00)
• Misty Quarry color palette (#FFD5E0, #E9BDE4, #DE93B6, #C06F39, #633F00)
• Wandering Powder color palette (#E9F8FF, #DBDBE6, #BFBDDF, #809C91, #44554E)
• Weathered Parlor color palette (#DEDBED, #A57C89, #845186, #743327, #1F0800)
• Olive Terrace color palette (#F4DEDE, #EBA290, #C78F67, #768926, #164D00)
• Dusty Fern color palette (#F4F6EE, #D8E2CC, #88C4B3, #87A386, #3F5614)

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