Cocoa Harbor color palette — #FFF2EE · #E2D8D1 · #DB9D8C · #95644C · #633102

Bronze and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E2D8D1): a clean, paper-quiet neutral.
• Camel (#DB9D8C): A luminous, dusty orange — the color of autumn markets.
• Walnut (#95644C): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#633102): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Stone Hollow color palette (#FFF3E8, #E0DEBE, #CAAA71, #847541, #423B00)
• Amber Thicket color palette (#FFF1F5, #FFCACA, #E4A599, #BC7E5A, #603C00)
• Weathered Garnet Thicket color palette (#FFF1F3, #F6D3D9, #DDA3C0, #9E6477, #5F2734)
• Airy Apricot color palette (#FFF0E9, #FE9C45, #AB6C00, #5C3F00, #150E00)
• Timeworn Parlor color palette (#F9EDFF, #CCAECD, #AB6F64, #88440E, #442800)
• Timeworn Coral color palette (#FFF2EC, #FD8871, #7C4418, #342823, #140E0B)
• Shell Villa color palette (#FFF2EC, #FFB7A6, #B5945A, #5F7347, #4E2E30)
• Stone Delta color palette (#FCF3F0, #E1D9D0, #BFC7BD, #CAA49C, #524C4A)

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