Cocoa Harbor color palette — #FDF3EB · #A67A51 · #73618F · #6A3E56 · #5A2200

Espresso and Mocha set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Mocha (#A67A51): A luminous, dusty gold — the color of old brass.
• Slate (#73618F): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6A3E56): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged jewel, vibrant, 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

• Driftwood Coast color palette (#FAF5E8, #989148, #875974, #733D3E, #3B3631)
• Aged Petrol Hollow color palette (#FFF2EF, #AB6F76, #3E6D99, #4E4777, #433132)
• Linen Parlor color palette (#F8F6E3, #697B16, #893A58, #713017, #312613)
• Weathered Veranda color palette (#F2F3EA, #77966C, #15788D, #663967, #231A0B)
• Ancient Pewter color palette (#ECF9F2, #ABA871, #2E91AB, #865286, #27382E)
• Weathered Basalt Meadow color palette (#F2F7EA, #70A68A, #2E7D89, #3A547B, #514100)
• Weathered Driftwood color palette (#F6F5EE, #D6DBD5, #A0B0B2, #8E833A, #54534A)
• Worn Drift color palette (#FFF3E6, #A16000, #6C1AA8, #72004F, #411810)

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