Cocoa Harbor color palette — #FCE3CF · #926939 · #5E2C00 · #280400 · #020100

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#FCE3CF): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#926939): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Smoked Olive color palette (#F0E6CC, #6E7A32, #443D00, #1A1100, #010200)
• Moonless Chestnut color palette (#F3D7E4, #7D4D00, #461F00, #250400, #060300)
• Bronze Market color palette (#EBDBD0, #B47634, #7B3700, #440500, #020100)
• Washed Bronze Corridor color palette (#FFF3E4, #C2B183, #9D6B0B, #6B3700, #151300)
• Chestnut Villa color palette (#F2E4C5, #9AA056, #6F5F00, #432D00, #020500)
• Moonless Aubergine color palette (#DDE8D6, #005B4B, #630069, #360002, #000201)
• Dusty Studio color palette (#E7F2E3, #008E7F, #003A79, #00332D, #000105)
• Gentle Terracotta Drift color palette (#FFF3E7, #ECCA92, #C58033, #9A4100, #312700)

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