Timeworn Cocoa Harbor color palette — #FFF0F8 · #F6D1E7 · #DCA4D3 · #9E6674 · #783B1F
Bronze takes the lead with Carnation close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Thistle (#F6D1E7): A whisper-light, dusty pink — the color of peonies in June.
- Carnation (#DCA4D3): A luminous, balanced pink — the color of a candy shop window.
- Mocha (#9E6674): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#783B1F): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged light, 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
- Washed Quarry color palette (#FFF1F2, #EED4CE, #E59C95, #9D6C4D, #754804)
- Timeworn Peony Boulevard color palette (#FFECF1, #C99ECF, #B4699F, #7C4561, #4B2D29)
- Rose Terrace color palette (#FFF0FE, #FFB2C7, #D36163, #99421D, #492A00)
- Hushed Hollow color palette (#F2D3FF, #ED83C4, #CE4159, #820700, #361B00)
- Weathered Stone Quarry color palette (#FFF1F2, #E2DAD0, #CAA6B7, #A0B3AB, #5B4844)
- Antique Ash Lantern color palette (#FFF1F2, #FFD3DD, #8CDECA, #BB85B3, #3B4C32)
- Antique Ridge color palette (#FEDDE3, #DD4529, #7F3700, #3C2500, #050500)
- Gentle Grove color palette (#FFF0F0, #FF9360, #BF7000, #644F00, #232400)
Browse the whole catalog at Explore, or see today's palette.