Timeworn Cocoa Harbor color palette — #F9D6FF · #CC9DBE · #9A6074 · #6A3900 · #1C1100
A conversation between Bronze and Mocha, giving this palette its sense of optimism and creativity.
The five colors
- Thistle (#F9D6FF): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#CC9DBE): A luminous, dusty pink — the color of peonies in June.
- Mocha (#9A6074): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#6A3900): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#1C1100): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Antique Garnet Summit color palette (#DEDFFF, #B0A0CE, #85608E, #682526, #2B0B00)
- Bronze Harbor color palette (#FFD5DE, #D09590, #A75335, #504800, #111600)
- Cocoa Hollow color palette (#FCD3DB, #A26C6B, #7C3F2B, #201D00, #010100)
- Antique Mulberry Garden color palette (#F3DCED, #B97F99, #8A3C4C, #412A00, #080500)
- Ancient Drift color palette (#D1E1F8, #B392D0, #A87087, #3E6C40, #232706)
- Muted Rose Lantern color palette (#FFF0F9, #FFABCB, #DC6169, #74510F, #352D00)
- Wandering Lantern color palette (#FFF2F0, #F1B19C, #BB804F, #4B592C, #282A0D)
- Timeworn Grove color palette (#D4E1E9, #7C76B4, #704756, #0D3F26, #002624)
Browse the whole catalog at Explore, or see today's palette.