Deep Cocoa Harbor color palette — #F2D7E6 · #7D3200 · #004353 · #361100 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F2D7E6): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#361100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Charred Mulberry Thicket color palette (#F3E7F5, #8F003C, #004449, #3F0016, #000102)
• Midnight Navy Garden color palette (#D3EAD3, #674400, #00387D, #2C1A00, #000105)
• Cocoa Dune color palette (#FFEADE, #5F2A00, #003748, #121A37, #030100)
• Eclipse Ridge color palette (#DFE3FF, #006B73, #724700, #0C1009, #000200)
• Aged Chestnut color palette (#FFE8D8, #924900, #482300, #1C231C, #0F0500)
• Feathered Rust color palette (#FEE5D6, #AD4300, #00627C, #602200, #00070C)
• Shadow Aubergine Pier color palette (#EED6E6, #8C2C00, #55008D, #3D0E00, #0B0019)
• Wandering Aubergine Station color palette (#EEECD5, #675C00, #69009B, #302A00, #06000D)

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