Cocoa Harbor color palette — #FFF3E8 · #EAD6BB · #D7AC8E · #AF8876 · #5A4400

Built around Deep Olive, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Wheat (#EAD6BB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D7AC8E): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AF8876): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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 Alley color palette (#FFF1F6, #E0C1CB, #B98DA0, #966850, #3C4D3C)
• Washed Taupe Field color palette (#EEF8EE, #7FD4D1, #C6A8DF, #CA8671, #334233)
• Bronze Archive color palette (#F0E7D2, #B9C99C, #AAA051, #A06F1A, #30312A)
• Muted Driftwood Lagoon color palette (#FCEDF3, #A7C4A9, #9B7687, #694E63, #223028)
• Powdered Archive color palette (#F1DABD, #CBB85F, #C58600, #B15100, #252D00)
• Muted Cocoa color palette (#FFEBD8, #A88C49, #9D5C00, #862800, #0C0C00)
• Timeworn Loft color palette (#F3F6F0, #D2E5C4, #BAADE8, #45C3A3, #372930)
• Timeworn Seafoam Terrace color palette (#FFE6E1, #F5CCFF, #5FF4AA, #60625B, #363930)

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