Cocoa Harbor color palette — #FAD8CC · #684F00 · #842C00 · #281D0E · #0A0400

Rust takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#FAD8CC): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#684F00): A full-bodied, balanced gold — the color of old brass.
• Rust (#842C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#281D0E): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

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

• Garnet Grove color palette (#F3E5DD, #4B584E, #611B00, #191F14, #0A0600)
• Patina Rust color palette (#F6D9EB, #B63B00, #402F00, #2F2119, #140200)
• Washed Apricot Lagoon color palette (#FFF1F6, #E59C57, #465A4F, #33272C, #120E11)
• Amber Lagoon color palette (#F8E6E9, #C7742A, #696000, #042F52, #000A18)
• Tempered Petrol Boulevard color palette (#E1EFE3, #A27500, #006BB0, #4F3700, #000104)
• Midnight Fern color palette (#D1EFE4, #5A6700, #272830, #001808, #000201)
• Washed Amber Dune color palette (#DEFFE5, #B78A00, #374119, #051A0B, #040002)
• Nightshade Boulevard color palette (#F6E1C4, #895D00, #00599F, #38308F, #020100)

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