Timeworn Cocoa Harbor color palette — #D8FFF5 · #9CF8EA · #7CB3E1 · #926778 · #6A3B00
A conversation between Bronze and Sea Foam, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#9CF8EA): A whisper-light, balanced teal — the color of sea glass.
- Sky (#7CB3E1): A luminous, balanced blue — the color of open sky before noon.
- Mocha (#926778): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#6A3B00): A full-bodied, balanced gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Timeworn 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
- Airy Peony Thicket color palette (#AEFBED, #8CD7E9, #76B5E8, #C06480, #73372A)
- Misty Courtyard color palette (#FFF8BD, #B1F4CC, #6CADC4, #A06560, #612D2A)
- Weathered Periwinkle color palette (#E2FFDA, #98EAF2, #80A0DB, #8C6B31, #553F18)
- Cobalt Thicket color palette (#B6F7E7, #79C0CF, #3D84B4, #803F56, #4C180F)
- Muted Cobalt color palette (#DCF1BC, #6DBFB2, #4A7CB2, #7F5131, #58420A)
- Powder Studio color palette (#D5FFFB, #8EC7FD, #987DB7, #456532, #193702)
- Antique Abyss color palette (#DFFBFF, #CEDAF8, #A7AAC1, #5E7F6C, #2F513E)
- Weathered Azure color palette (#C6E9E4, #53A2D7, #6E4881, #2F2E00, #080800)
Browse the whole catalog at Explore, or see today's palette.