Timeworn Cocoa Alley color palette — #FFF0F7 · #FFCCD2 · #E9A49E · #BD8267 · #633A00

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FFCCD2): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#E9A49E): A luminous, balanced orange — the color of autumn markets.
• Caramel (#BD8267): A luminous, balanced orange — the color of autumn markets.
• Bronze (#633A00): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Timeworn Cocoa Alley 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 Coral Alley color palette (#F9F2FF, #F9B7DC, #D48B86, #8C653E, #564700)
• Weathered Cocoa Coast color palette (#FFEDE9, #DCAFA0, #B97267, #843B1D, #451C00)
• Muted Chapel color palette (#FFF0FB, #FFCFAF, #D8B17F, #A28E51, #474A04)
• Softworn Tangerine Thicket color palette (#FFDEE0, #FFACA0, #F97E23, #B06C00, #403000)
• Weathered Mallow Terrace color palette (#F7F3FF, #F5C9FF, #DDA1CD, #B3768D, #6F3237)
• Shell Coast color palette (#E6FCEA, #FFBACC, #D6A08B, #66959A, #504350)
• Wandering Blush color palette (#F9EEF8, #F89894, #8B7380, #5B515A, #242025)
• Ancient Powder color palette (#F8F3FA, #E2D7DA, #94BBD0, #BEAEA9, #545156)

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