Weathered Cocoa Harbor color palette — #D6F5F3 · #73A0AC · #49687F · #60341B · #092712
A conversation between Cocoa and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D6F5F3): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#73A0AC): A luminous, dusty blue — the color of deep harbor water.
- Graphite (#49687F): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#60341B): A deep, shadowed, dusty orange — the color of toasted spice.
- Deep Forest (#092712): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Muted Cocoa color palette (#BAEDD6, #76A4B6, #687894, #694929, #192C17)
- Denim Bloom color palette (#D0F7FD, #5598A7, #4E5F8C, #2F4B2E, #2D1E00)
- Teal Canyon color palette (#DBE6D1, #54A38E, #186B82, #542B2B, #3A1012)
- Ancient Workshop color palette (#D4EDFF, #7493B1, #526595, #613B5E, #562325)
- Softworn Abyss color palette (#D8F9FF, #A5BDCD, #7B88A7, #475F4C, #1E432E)
- Weathered Cerulean Boulevard color palette (#E5FAFF, #90C7E2, #638DBB, #634675, #42233D)
- Terracotta Canyon color palette (#DAEDF8, #0074A1, #964100, #6D4000, #000C16)
- Powdered Cerulean Study color palette (#C5EEEA, #009AA4, #006885, #003B5F, #00143F)
Browse the whole catalog at Explore, or see today's palette.