Timeworn Pier color palette — #FFF3E8 · #E398AF · #B6706E · #716230 · #53342D
A conversation between Ballet Pink and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Ballet Pink (#E398AF): A luminous, balanced rose — the color of strawberry cream.
- Mocha (#B6706E): A luminous, balanced orange — the color of autumn markets.
- Olive (#716230): A full-bodied, dusty green — the color of a quiet forest floor.
- Cocoa (#53342D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.
Use it as a design system
One click turns Timeworn 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
- Tempered Mallow Ridge color palette (#FFF2EB, #C7A1D6, #A57497, #885538, #503439)
- Bronze Atelier color palette (#FFF3E7, #EFAA9E, #B4876C, #7A7025, #6F360E)
- Worn Loft color palette (#FFF1F7, #FFB2CA, #D86D6D, #75621E, #3C2A40)
- Feathered Blush color palette (#FFF1F1, #DD83B2, #AD6E5A, #316090, #3F2C5B)
- Ancient Balcony color palette (#F7DEDA, #CB6E87, #62453C, #392A27, #1E1615)
- Tempered Terracotta color palette (#FCF5DF, #AA89B7, #995058, #00595F, #523436)
- Bronze Terrace color palette (#F9F5E9, #CCC5A0, #839863, #9F5F41, #4E4200)
- Weathered Grove color palette (#FAEDD6, #CA974D, #897727, #00654B, #34302A)
Browse the whole catalog at Explore, or see today's palette.