Cocoa Harbor color palette — #E0FBFE · #007C66 · #7D3E00 · #483B00 · #0C2D02
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0FBFE): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007C66): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#7D3E00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#483B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Deep Forest (#0C2D02): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
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
- Garnet Basin color palette (#DDFDF9, #007B34, #940111, #583500, #222600)
- Muted Petrol Hollow color palette (#EBF7FF, #0080A6, #525000, #00451A, #002B2B)
- Mulberry Studio color palette (#E5F4FF, #007DA5, #990032, #344500, #000D17)
- Misty Raspberry Archive color palette (#FFF0FE, #4C8BFF, #D20074, #5A5C00, #00271B)
- Forest Ridge color palette (#EFF6FE, #6080AE, #537143, #00614F, #213540)
- Obsidian Corridor color palette (#DEEDF5, #005363, #352C00, #021F01, #000A08)
- Timeworn Basin color palette (#F0F6FE, #D9D7E4, #B0BBDA, #3367BC, #314155)
- Mulberry Coast color palette (#F2F4FF, #8962D6, #9A176C, #702100, #00305E)
Browse the whole catalog at Explore, or see today's palette.