Timeworn Pier color palette — #E9F6E8 · #926700 · #005170 · #003A52 · #110719

Ochre and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F6E8): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#926700): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003A52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#110719): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Muted Olive Field color palette (#DDF9F1, #637700, #005678, #242469, #160511)
• Aged Rust Dune color palette (#FFEBF7, #BC3A00, #005760, #00393F, #090616)
• Feathered Amber Lantern color palette (#D9F1D7, #B08000, #2F6B21, #3B2E61, #001E11)
• Antique Basin color palette (#E4F7F2, #74984D, #64629A, #49456B, #24151D)
• Smoked Olive Coast color palette (#D8F0E5, #676A00, #002C29, #02100A, #010301)
• Forest Parlor color palette (#F3F8E7, #00723E, #00572E, #003551, #2D1506)
• Amber Basin color palette (#FFF3E4, #C27700, #007480, #4E3B8E, #321912)
• Gentle Amber color palette (#F2DFCF, #C49300, #647500, #034A0D, #002118)

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