Cocoa Harbor color palette — #F2E6DF · #B1A058 · #752D08 · #301300 · #0C0300

A conversation between Rust and Camel, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F2E6DF): bright and airy, almost weightless.
• Camel (#B1A058): A luminous, balanced green — the color of new leaves after rain.
• Rust (#752D08): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#301300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0C0300): A deep, shadowed, dusty gold — the color of old brass.

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

• Chestnut Quarry color palette (#FAF0E6, #C6B17A, #734B19, #3A2101, #140A02)
• Softworn Taupe color palette (#FAE3E1, #A0A65C, #69304D, #340821, #0F0102)
• Ancient Bloom color palette (#EDE1CA, #BD8B00, #4C3C00, #1C1500, #040300)
• Hazy Pine Boulevard color palette (#F8F0EA, #DE8750, #2E7729, #853E00, #060700)
• Aged Bronze color palette (#F1DDCD, #907600, #431E00, #1E2620, #110400)
• Muted Chestnut color palette (#FEF1F7, #F4C78C, #8E5228, #3B1B2D, #0C0005)
• Frosted Amber Chapel color palette (#FCE8DA, #BA9737, #6D6A00, #0E4A03, #001D12)
• Amber Field color palette (#FDE5C9, #AE8131, #3E6825, #3F2A66, #201600)

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