Timeworn Pier color palette — #F5F2E2 · #70802B · #006067 · #3D158E · #55051C

Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#70802B): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006067): A full-bodied, dusty blue — the color of deep harbor water.
• Indigo (#3D158E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Espresso (#55051C): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Ancient Garden color palette (#FEEFDF, #9F6A21, #006349, #083186, #53032B)
• Patina Aubergine Atelier color palette (#F5F7E8, #64985B, #006D8D, #612B7B, #5E230F)
• Softworn Market color palette (#D6E6DA, #007682, #55288A, #580E00, #172400)
• Hushed Aubergine Bloom color palette (#E1EDD0, #00835A, #004D88, #5A004C, #371D00)
• Bronze Grove color palette (#FAEADC, #AE691A, #005B86, #5F0A30, #2C0012)
• Dusty Hollow color palette (#EAE6C8, #A2A888, #65795F, #574976, #583650)
• Hushed Onyx color palette (#ECEBD7, #406400, #003E49, #280053, #2A0004)
• Nightshade Archive color palette (#EAFBEA, #008F91, #4D47B2, #790035, #3D2E00)

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