Petrol Pier color palette — #D5ECDC · #6AB8C0 · #4573A0 · #5A3014 · #240C00

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

The five colors

• Honeydew (#D5ECDC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6AB8C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4573A0): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3014): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#240C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, 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

• Turquoise Balcony color palette (#9CF8EB, #5FB7D3, #70739D, #604224, #2D1600)
• Softworn Celadon color palette (#CDEFAE, #74B89C, #3A7787, #6C2E32, #36050C)
• Wandering Cerulean Market color palette (#D6EDE6, #3E9FBD, #4C5D92, #3F2C00, #150D00)
• Aged Mulberry Courtyard color palette (#D3E2ED, #8AA5CD, #7A81AE, #93437E, #461229)
• Weathered Teal color palette (#DFFCF7, #4CB896, #006E6E, #1D4713, #000A06)
• Worn Teal Drift color palette (#D4E6E4, #00A8B2, #00687F, #003C5F, #00061F)
• Frosted Bloom color palette (#CBECFB, #3B82A2, #00518D, #461D56, #240520)
• Cobalt Basin color palette (#CBEDF8, #5E79B1, #573C6E, #252300, #020200)

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