Petrol Pier color palette — #D4F7E5 · #007588 · #39325F · #301900 · #100C00

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

The five colors

• Honeydew (#D4F7E5): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#39325F): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#301900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#100C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Cypress Dune color palette (#EEEAD7, #3E7956, #004154, #390701, #1D0700)
• Antique Denim color palette (#D4E6EC, #4D5EA9, #60275B, #231B00, #030D02)
• Navy Ridge color palette (#C5E9F4, #2F5D76, #1B3C62, #230A29, #0B0008)
• Tempered Studio color palette (#F9EEE4, #5086B0, #263084, #002223, #0F0022)
• Aged Pier color palette (#D4E4EB, #4C82A8, #42577C, #412045, #210017)
• Worn Harbor color palette (#CAF1E1, #4A92A1, #496799, #613E00, #191300)
• Onyx Hollow color palette (#CAEBEB, #006E81, #00314E, #0C0055, #0E002D)
• Navy Workshop color palette (#D6E4F1, #00436A, #413100, #1C2202, #000205)

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