Cocoa Harbor color palette — #FFF2ED · #C7BE6F · #823530 · #360002 · #030000

Rust takes the lead with Honey close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Honey (#C7BE6F): A luminous, balanced green — the color of new leaves after rain.
• Rust (#823530): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#360002): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged luxury, 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

• Weathered Mustard color palette (#FFF3E3, #D8B668, #6B4A00, #231500, #020100)
• Weathered Sand Balcony color palette (#FFF2EB, #E1D183, #8F4F3C, #45180A, #0A0200)
• Ancient Mustard Cabin color palette (#FFF1F2, #B3C56E, #713969, #2E012A, #040001)
• Weathered Dune color palette (#ECD7E5, #E1AD78, #BB5639, #782E18, #180312)
• Ancient Mustard Hollow color palette (#FFEADA, #BF9F00, #612900, #1C241E, #120400)
• Softworn Straw Veranda color palette (#FFF3E8, #FAE4A5, #966C48, #532F00, #190C02)
• Moss Grove color palette (#E8D9E5, #9D8E00, #6A000B, #320002, #120711)
• Worn Brick color palette (#FFF2EC, #FF9D85, #568700, #AE3010, #010100)

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