Cocoa Harbor color palette — #F2DFD3 · #986532 · #6E2E00 · #480200 · #090400

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

The five colors

• Parchment (#F2DFD3): A whisper-light, dusty gold — the color of old brass.
• Ochre (#986532): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#480200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

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

• Bronze Balcony color palette (#E9DAE2, #9C6A14, #722D00, #500019, #001C10)
• Washed Bronze color palette (#F7ECDB, #7C7335, #564000, #341D00, #050600)
• Tempered Cocoa color palette (#EDDDCD, #AD9471, #845B2F, #652A03, #211600)
• Hazy Terracotta color palette (#FCDFCC, #BB9256, #9B4000, #620020, #050400)
• Inked Aubergine Ridge color palette (#DCE8D1, #006149, #6E0078, #500015, #000302)
• Muted Hollow color palette (#F6F1E7, #C4BB9F, #908258, #6E522C, #302D17)
• Aged Lagoon color palette (#DBE5D6, #008C76, #004679, #004035, #000201)
• Worn Lagoon color palette (#C1ECEA, #008793, #00506A, #002138, #010026)

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