Cocoa Harbor color palette — #F6DBEB · #C16D38 · #832E00 · #440600 · #030100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F6DBEB): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#C16D38): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#440600): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Tempered Bronze color palette (#DAEADA, #A47F36, #6A4400, #341A00, #020100)
• Misty Chapel color palette (#FFD9ED, #C68A5E, #984300, #5A1800, #080300)
• Softworn Bronze Terrace color palette (#FFF0F7, #FEA249, #C06000, #813000, #251400)
• Washed Station color palette (#F3D8CE, #D07600, #B8410E, #822638, #110A00)
• Powdered Peony color palette (#F6D4E7, #E2419B, #9E004C, #430013, #050000)
• Midnight Terracotta Chapel color palette (#C9E7FD, #972500, #343800, #001B0B, #000202)
• Feathered Plum color palette (#EFDFF8, #AD0062, #684500, #292A00, #040001)
• Ancient Bronze Garden color palette (#E2FDEC, #BBB664, #897600, #594300, #00170F)

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