Petrol Pier color palette — #F7EAF4 · #7ABFC5 · #007393 · #00523C · #013053

Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Mint Leaf (#7ABFC5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#013053): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Petrol Coast color palette (#E9EAE0, #81C0C6, #00788A, #004B48, #001921)
• Sapphire Pier color palette (#F9EAEE, #89B7DD, #4262B7, #004E57, #2D2554)
• Hushed Cerulean Alley color palette (#E5F2EF, #9ACDE0, #0097AB, #006C68, #003440)
• Cobalt Ridge color palette (#FFF0F7, #9BD8F7, #4282C9, #006666, #303876)
• Washed Turquoise Thicket color palette (#F6ECE7, #9FE0E7, #00B5E5, #009570, #0A304E)
• Washed Ash color palette (#FAF3F8, #D6D6EB, #6CA1BC, #427B6B, #425469)
• Timeworn Onyx color palette (#E9DCE4, #448BA1, #004065, #00231F, #00022C)
• Garnet Archive color palette (#EED5EC, #C5565C, #007598, #8C0023, #002E3E)

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