Timeworn Pier color palette — #F9E4E2 · #976300 · #094E1A · #1F184B · #080323

Ochre and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F9E4E2): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#976300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#094E1A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#1F184B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#080323): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Chestnut Basin color palette (#FFE7DE, #776400, #005546, #360F3A, #120015)
• Muted Olive Thicket color palette (#F1E5C2, #84802A, #415119, #003632, #051C2C)
• Inked Olive Lagoon color palette (#D6EBD9, #5D7200, #004223, #291138, #020300)
• Dusty Brick Villa color palette (#F2DCF8, #AD403C, #543C00, #00233D, #000C1A)
• Muted Fern color palette (#F6E6DA, #B59435, #546A03, #043853, #030124)
• Aged Bloom color palette (#F3DBD8, #A6845E, #60662F, #3C3A67, #2E0136)
• Deep Chestnut color palette (#FAE6DA, #765400, #483E00, #0C1D00, #000401)
• Muted Courtyard color palette (#FED9EA, #8C905D, #187262, #5F2E3B, #27132D)

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