Worn Petrol Pier color palette — #F4F6EF · #C9E3E3 · #74A593 · #007C8F · #2F5248

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C9E3E3): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#74A593): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#2F5248): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Worn 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 Petrol Balcony color palette (#EFEFE6, #9BBB9F, #007683, #00504B, #00343F)
• Weathered Harbor color palette (#F4F6F0, #CBE1E3, #789DC1, #127A9A, #614962)
• Dusty Station color palette (#F6F6ED, #99DDD8, #009195, #006857, #004950)
• Bronze Meadow color palette (#FFF3E9, #CFA68C, #6EA97E, #AD5802, #30573B)
• Hushed Navy Thicket color palette (#E5EADA, #5D86A2, #003F6B, #00212C, #00081C)
• Antique Pewter Parlor color palette (#FFF3E9, #BA8C70, #849155, #9E5E81, #47413C)
• Muted Chestnut color palette (#FFF3E8, #DDDCCA, #95BCB2, #B27F60, #744803)
• Patina Cocoa Lantern color palette (#FFF3E6, #EAC5A4, #A07145, #6F4100, #4E2E07)

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