Petrol Pier color palette — #F1F3EB · #C3E3E4 · #7AA799 · #3A7485 · #1A3E36

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C3E3E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7AA799): A luminous, dusty teal — the color of sea glass.
• Teal (#3A7485): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#1A3E36): A deep, shadowed, 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 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

• Wandering Petrol Lagoon color palette (#F0F3EC, #C7DFE2, #809FC4, #3D728D, #422F40)
• Hushed Field color palette (#E9EADF, #7CC0C9, #00788C, #004B4A, #001922)
• Ancient Lagoon Drift color palette (#E2EDCC, #7FC3A4, #399379, #196355, #293B25)
• Dusty Cerulean color palette (#E8F7E6, #5AADA6, #6890C3, #70804E, #1D2C1A)
• Teal Corridor color palette (#EBF6E6, #75C5B3, #8F98CD, #328171, #43253B)
• Antique Oat color palette (#EBF5EA, #B2DFE9, #96BDCB, #84977B, #2E3B2F)
• Lagoon Courtyard color palette (#DFDFD2, #409A96, #005457, #002C25, #000507)
• Washed Cerulean color palette (#EFF7F6, #D7DCEB, #8EB7D5, #2E94AE, #3E556C)

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