Petrol Pier color palette — #EDE8E0 · #79C1CB · #007793 · #004C43 · #001827

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

The five colors

• Parchment (#EDE8E0): bright and airy, almost weightless.
• Mint Leaf (#79C1CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Petrol Meadow color palette (#F5EBF3, #6EC0CB, #00719D, #005332, #1A2C52)
• Antique Cobalt Garden color palette (#F7F1E8, #AFD1BC, #0A86B6, #005B5A, #002720)
• Linen Archive color palette (#F0E8DC, #90B7DF, #3A64C6, #00485C, #100F36)
• Washed Denim Lagoon color palette (#EDE3D5, #62A6C5, #005D92, #00393D, #000922)
• Timeworn Cobalt Terrace color palette (#F7F1E7, #99D9FF, #2686DA, #00606D, #11224C)
• Hushed Lagoon Summit color palette (#EFE7DC, #2D9C98, #00545C, #002D1F, #000508)
• Linen Corridor color palette (#FCD7D9, #AA318F, #6D5E00, #005567, #1D0104)
• Weathered Harbor color palette (#F2D8DA, #C06AB7, #007F39, #65005F, #001806)

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