Timeworn Stone Pier color palette — #FFF1F5 · #EDD4D6 · #E299A9 · #A66861 · #56504B

A conversation between Ballet Pink and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#EDD4D6): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E299A9): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A66861): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#56504B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

One click turns Timeworn Stone Pier 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

• Wandering Mallow color palette (#FFF0FC, #E2D7E7, #CBA3DC, #986589, #61413C)
• Coral Boulevard color palette (#F7F3FF, #F9C5DA, #ED9BB0, #CD767E, #61435A)
• Ancient Stone color palette (#FFF2ED, #E3D8D2, #DD9A95, #935954, #48211E)
• Coral Orchard color palette (#FFF2EE, #F3D4C5, #89DECF, #CF8085, #394D31)
• Timeworn Bronze color palette (#FDF4E9, #D9E2C3, #C2AA8C, #A66942, #444200)
• Softworn Rust color palette (#FFCFEA, #FE83A3, #CA4913, #6A3D00, #291B00)
• Pale Amber color palette (#FFF1F5, #FFA3A3, #D9733A, #7E5400, #413200)
• Hushed Cocoa color palette (#FFF2EF, #E0DBCE, #DEB5AC, #AAABB6, #783B1E)

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