Washed Petrol Pier color palette — #D2F7F2 · #59A4C7 · #5C5EAA · #5B4500 · #2A1F00

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

The five colors

• Honeydew (#D2F7F2): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#59A4C7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5C5EAA): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#5B4500): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2A1F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Washed 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

• Softworn Bloom color palette (#E2F3FA, #7591D7, #835D85, #514200, #2A2100)
• Hushed Teal color palette (#CDE7D5, #2DABB0, #436F9F, #653315, #3C1600)
• Indigo Summit color palette (#D0E4FA, #8797C3, #6F63B7, #792C54, #651E00)
• Chestnut Pier color palette (#DDEEE6, #69BEB9, #4D92C5, #974800, #484000)
• Patina Forest Meadow color palette (#BCE6FF, #BF9FB4, #8F676B, #405834, #2B2E14)
• Hushed Spruce color palette (#CAE3F8, #7175A4, #703B61, #033B08, #00130E)
• Antique Aqua Boulevard color palette (#FFEEE5, #5FD0D0, #007F97, #005534, #001C2E)
• Antique Chestnut Chapel color palette (#E9F7E3, #B7CCC2, #9B8994, #7F5C15, #454100)

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