Petrol Pier color palette — #EDE8E0 · #9CBCA7 · #007699 · #004C47 · #00182A

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#EDE8E0): bright and airy, almost weightless.
• Sage (#9CBCA7): A luminous, dusty teal — the color of sea glass.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00182A): 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

• Cobalt Corridor color palette (#F7F1E8, #B1D0C0, #3983B1, #005B5E, #06213E)
• Tempered Atelier color palette (#F6EBF2, #77BECD, #006FA5, #005239, #202B4F)
• Weathered Denim Study color palette (#EAE4DC, #7BA796, #005A9D, #003840, #000034)
• Worn Grove color palette (#F5F1EB, #CAE0DE, #6CA4C4, #197A79, #113F36)
• Weathered Navy Boulevard color palette (#EEE7DC, #4A809A, #003E66, #001F22, #000106)
• Hushed Coast color palette (#F5F1EB, #C8E3DB, #738EBD, #006981, #3E2036)
• Ancient Loft color palette (#FEE9F5, #635ABE, #9B3C00, #005B3F, #0A0327)
• Timeworn Alley color palette (#F9E0EF, #DABDF0, #C180B0, #0659B6, #311121)

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