Timeworn Cocoa Harbor color palette — #FFE9F3 · #E295A2 · #B06159 · #843A05 · #593400

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE9F3): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#E295A2): A luminous, balanced red — the color of late-summer berries.
• Mocha (#B06159): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#843A05): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#593400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Bronze Ridge color palette (#FFF0EF, #D8987E, #A26831, #6A4900, #473A00)
• Hazy Quarry color palette (#FFEAF3, #FFBEC9, #F5897F, #B9683A, #5A3500)
• Garnet Meadow color palette (#FBE8FF, #D39FC6, #A15D77, #843039, #701D0F)
• Worn Station color palette (#E5FCE9, #C78092, #925941, #085B4A, #493648)
• Washed Ember Orchard color palette (#FEDFE1, #F15D4A, #914000, #553300, #332600)
• Washed Workshop color palette (#F7F3FA, #E1D7DA, #CCBABC, #936475, #4C4550)
• Brick Coast color palette (#F8D4DF, #B83A4B, #681F00, #2C1300, #0F0700)
• Deep Chestnut color palette (#F5DAD5, #964A00, #412800, #191100, #060500)

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