Cocoa Harbor color palette — #F4DAD7 · #773400 · #432B00 · #141200 · #010100

A conversation between Rust and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F4DAD7): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#773400): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#432B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#141200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Inked Garnet color palette (#F9E5EE, #8E011E, #4B1700, #1F1000, #030200)
• Moonless Lantern color palette (#F6D8C9, #915000, #4A3100, #1E1400, #020700)
• Midnight Navy Quarry color palette (#FBEED7, #5E4900, #003A76, #271D00, #000105)
• Cellar Nightshade Loft color palette (#EDE0C8, #4A3900, #160097, #2B0050, #020100)
• Deep Byzantium color palette (#F7D3DE, #9500A6, #635000, #0A0D06, #020100)
• Antique Field color palette (#F9E9D6, #7E8F64, #007575, #610C00, #020200)
• Amber Workshop color palette (#ECDCD5, #B97200, #655800, #2F3D00, #021901)
• Muted Bronze Thicket color palette (#FEE6C8, #8B7000, #424E00, #032D03, #000C07)

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