Timeworn Cocoa Harbor color palette — #FFF1F2 · #F1D3D2 · #DA94A5 · #A36967 · #753D12

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F1D3D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DA94A5): A luminous, balanced red — the color of late-summer berries.
• Mocha (#A36967): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#753D12): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Apricot Studio color palette (#FFF2EE, #ECD6C4, #DD9F72, #9D774B, #614500)
• Wandering Alley color palette (#FFF0F9, #F1D1EC, #C59ED8, #A07297, #6E4A45)
• Wandering Villa color palette (#FFF2ED, #E3D9D2, #E7A399, #935C52, #401F10)
• Timeworn Coral Hollow color palette (#FFDBD8, #E7A0B5, #CA6A82, #864A50, #403835)
• Patina Rust Thicket color palette (#FFD9E1, #FE7B78, #C43F05, #743C00, #341F00)
• Weathered Amber color palette (#FFF1F2, #FFA094, #CF703A, #805100, #3D2F00)
• Tempered Drift color palette (#FFF2EE, #F4D4C7, #8FDBDB, #CC818A, #314F32)
• Antique Cocoa Alley color palette (#FFF2EE, #E0DBCE, #DAABAD, #9CBAB3, #783E17)

Browse the whole catalog at Explore, or see today's palette.