Cocoa Harbor color palette — #DFF7FE · #007B77 · #823A00 · #4D1F00 · #020F04
Bronze takes the lead with Teal close behind in a set that reads as optimism and balance at first glance.
The five colors
- Ivory (#DFF7FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B77): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#823A00): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#4D1F00): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#020F04): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance. Tagged jewel, vibrant, 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
- Wandering Chestnut color palette (#DFF0FC, #0088B1, #853E00, #4A2C00, #191400)
- Antique Ridge color palette (#E4FBF8, #207A2B, #8B2320, #502C00, #04251A)
- Mulberry Field color palette (#E2F5FF, #007385, #7A2459, #56153E, #000E07)
- Feathered Station color palette (#E9FBEC, #00A1B5, #A34E7C, #6C4200, #0A0B00)
- Cerulean Lantern color palette (#D9F1DA, #009BAD, #555193, #4E3200, #001A2D)
- Linen Lagoon color palette (#EDF1FF, #7A25FA, #5B5700, #3B3800, #001009)
- Ultramarine Study color palette (#E9F3FF, #255EC8, #644200, #383600, #000E0C)
- Muted Lapis color palette (#E5EEFF, #2F27FB, #6F3900, #462100, #000B04)
Browse the whole catalog at Explore, or see today's palette.