Cocoa Harbor color palette — #EAFAED · #8BB19F · #827046 · #6C492A · #24443D

Coffee takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8BB19F): A luminous, dusty teal — the color of glacier melt.
• Walnut (#827046): A full-bodied, dusty gold — the color of old brass.
• Coffee (#6C492A): A full-bodied, dusty gold — the color of old brass.
• Forest (#24443D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Bronze color palette (#FFF1F5, #B6A67B, #906A3E, #67455B, #294439)
• Softworn Chestnut color palette (#DAEEE0, #959C6B, #746222, #5D3C13, #153732)
• Patina Taupe Archive color palette (#FFF4E1, #D4D5A0, #C4A96B, #A87E5C, #433F00)
• Hushed Cobalt Coast color palette (#F0F6FF, #5F7ECA, #6C782D, #465B26, #273347)
• Antique Field color palette (#D0EFDF, #658134, #4D4700, #372400, #001D05)
• Aged Bloom color palette (#F0F5FF, #9EABE3, #A35165, #4E599B, #2C1E30)
• Tempered Stone color palette (#F0F5FF, #BCAF72, #404F7B, #1D2E4B, #1D1B25)
• Timeworn Garden color palette (#F3F4FF, #B9A0D6, #A0628E, #7F3049, #731702)

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