Timeworn Cocoa Station color palette — #FFF1F2 · #FFC4E3 · #E9A3B8 · #BB7F86 · #783A1F

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#FFC4E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Ballet Pink (#E9A3B8): A luminous, balanced rose — the color of strawberry cream.
• Dusty Rose (#BB7F86): A luminous, dusty red — the color of a theater curtain.
• Bronze (#783A1F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Timeworn Cocoa Station 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

• Hushed Stone Summit color palette (#FFF2EF, #FFC8CB, #F0A395, #BC8368, #544E49)
• Peony Corridor color palette (#EAE1FF, #E3A9CB, #C66C8C, #7E3F47, #3E2B3C)
• Blush Corridor color palette (#FFF2EF, #FFC1CE, #92D7C9, #DE8DA0, #3F5435)
• Coral Archive color palette (#FFE6EE, #FFA1B4, #FF7170, #D2523F, #6B2700)
• Aged Cocoa Lantern color palette (#FFF2EE, #E0DACE, #E2B0AD, #A2B8D2, #7E4025)
• Washed Ember Ridge color palette (#FFDEE3, #FE8087, #E95B4C, #A93E00, #431D00)
• Patina Powder color palette (#FFF2EE, #F6B2B9, #ABC995, #85B2E6, #543C35)
• Seafoam Delta color palette (#D7E5FF, #93F6B6, #FFC4B0, #965A34, #322C29)

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