Cocoa Harbor color palette — #F4E8E1 · #C1B0A0 · #9D8A6F · #762500 · #130803

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

The five colors

• Cream (#F4E8E1): bright and airy, almost weightless.
• Rosewood Mist (#C1B0A0): A luminous, dusty gold — the color of old brass.
• Caramel (#9D8A6F): A luminous, dusty gold — the color of old brass.
• Rust (#762500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#130803): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Loft color palette (#E7DDE4, #C4B4B9, #7F9486, #792204, #2A1925)
• Bronze Field color palette (#EFE3D7, #AF9D82, #927931, #512B00, #090300)
• Chestnut Basin color palette (#FAF0E5, #DED2BC, #B5AC87, #7D5000, #261602)
• Wandering Atelier color palette (#F8F0EB, #DAD9CC, #BDBFAE, #98684C, #312B26)
• Bronze Alley color palette (#EFDACE, #A27600, #4A591E, #003327, #0A102F)
• Olive Grove color palette (#FBECCF, #7B7F00, #304E00, #4B1316, #0B0700)
• Worn Coral Alley color palette (#FFE6D4, #FF6354, #BF6B00, #636000, #0B0400)
• Muted Terracotta color palette (#F6ECD8, #A24400, #4C3800, #00232B, #0B0300)

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