Cocoa Harbor color palette — #FFF2EA · #ECC9AC · #D49F83 · #AF7966 · #583300

Built around Cocoa, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#ECC9AC): A whisper-light, dusty gold — the color of old brass.
• Camel (#D49F83): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AF7966): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Chestnut Summit color palette (#FFF2EA, #D6B898, #B3836B, #955453, #403D36)
• Dusty Studio color palette (#F3DFD1, #DCA380, #C77751, #A54E37, #381C00)
• Airy Grove color palette (#F8E2CF, #B5844D, #A15900, #7A3600, #130900)
• Aged Quarry color palette (#FFECF5, #CBA282, #9A674A, #5E4254, #311B23)
• Mustard Station color palette (#FAEECC, #C8CE8E, #B1A73C, #987D00, #313A11)
• Gentle Pier color palette (#F8F6E6, #A6BC74, #DA7E9B, #BB673D, #362709)
• Muted Chestnut color palette (#FBEED5, #8C823C, #735D00, #523B00, #040400)
• Timeworn Blush Dune color palette (#EAF9F4, #89C0EE, #CA9ACE, #C47390, #1D3932)

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