Petrol Pier color palette — #EBE2D3 · #5EB2AF · #007480 · #004C38 · #00171F

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

The five colors

• Parchment (#EBE2D3): A whisper-light, dusty gold — the color of old brass.
• Turquoise (#5EB2AF): A luminous, balanced teal — the color of sea glass.
• Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171F): 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 Studio color palette (#E5E0D8, #76BECB, #0081A3, #005A52, #002236)
• Patina Canyon color palette (#E8E0D4, #589DB8, #005E8E, #003B3E, #00081C)
• Patina Cypress Corridor color palette (#E0F3EE, #79C6C4, #00767C, #003F36, #000304)
• Wandering Turquoise color palette (#F9F4ED, #A4E1E4, #00A7C1, #007E67, #1D4334)
• Aged Mint color palette (#EAF1CE, #46CEA5, #00A2A7, #546300, #141A00)
• Hazy Alley color palette (#F5EDE1, #A6C8EA, #5583DE, #006882, #262952)
• Frosted Emerald color palette (#E6F2E8, #00A156, #00622B, #002C0C, #000401)
• Hushed Olive color palette (#E6E3C9, #7A8700, #476500, #013A08, #001D0E)

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