Petrol Pier color palette — #E9F6EB · #72CDC9 · #00818D · #00543D · #001E27

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Aqua (#72CDC9): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00543D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001E27): 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

• Gentle Parlor color palette (#FFF2EE, #6CCAC6, #007A95, #015B13, #00345E)
• Ancient Petrol color palette (#E2ECE4, #87BBDB, #306EAB, #004A54, #05103B)
• Antique Cobalt color palette (#E9F6EB, #93DBF8, #258BC6, #006166, #00244E)
• Denim Parlor color palette (#D9E8DC, #6AA9AB, #006373, #003B2E, #000D14)
• Muted Abyss Veranda color palette (#E5F4E8, #4A828F, #004258, #001F1D, #000104)
• Ancient Seafoam color palette (#D7FFD0, #60E5B9, #00B8BB, #5C6400, #002718)
• Quiet Loft color palette (#FCF1FD, #B1FFFB, #00ABCF, #05791C, #002646)
• Worn Study color palette (#F2F0D9, #899B00, #457300, #02460B, #00240E)

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