Timeworn Petrol Pier color palette — #EEEFE3 · #7EC4CD · #007486 · #003E3C · #000305

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EEEFE3): bright and airy, almost weightless.
• Ash (#7EC4CD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Cobalt color palette (#F4F7EA, #91D8F2, #0085B3, #00505A, #000E1A)
• Denim Courtyard color palette (#DCE1D1, #77A9CA, #005891, #002936, #000105)
• Faded Ultramarine color palette (#EBF0E3, #89BCED, #0063CA, #003A53, #000015)
• Cerulean Lantern color palette (#FDEBE2, #5AC2CD, #0090B8, #007054, #001529)
• Ancient Cypress color palette (#E3F1D6, #00795D, #006086, #4B4400, #000201)
• Antique Onyx color palette (#F8E9E4, #469EA8, #005070, #00321B, #000B40)
• Wandering Azure color palette (#F4F8E3, #D1E7FD, #00A9D6, #007179, #00283B)
• Wandering Courtyard color palette (#EEFBDA, #78DFC7, #00BEBB, #006625, #000B06)

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