Cocoa Harbor color palette — #F3DFD2 · #95681E · #702C00 · #470015 · #060500

Rust and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Parchment (#F3DFD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#95681E): A full-bodied, balanced gold — the color of old brass.
• Rust (#702C00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#470015): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#060500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, 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

• Antique Olive color palette (#F7E8D2, #737800, #573F00, #3B1700, #000800)
• Weathered Ridge color palette (#F2DCCC, #A08147, #843F00, #57161D, #130E00)
• Weathered Bronze color palette (#FEEFE2, #BCA888, #9E6638, #703A37, #27230D)
• Obsidian Garnet Balcony color palette (#CAECDB, #005A77, #820023, #192E00, #000301)
• Hushed Rust color palette (#E3E2D3, #CD5500, #00856F, #010F11, #000200)
• Rust Lagoon color palette (#EDDFED, #C6493D, #002956, #000718, #030004)
• Obsidian Navy color palette (#FAEAFA, #004BA4, #61002F, #071C00, #000105)
• Muted Terrace color palette (#D2E5DB, #0085A9, #750064, #003C4F, #040000)

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