Petrol Pier color palette — #C1ECE9 · #61A2B8 · #3170AA · #6C283D · #471400

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

The five colors

• Honeydew (#C1ECE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#61A2B8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3170AA): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6C283D): A deep, shadowed, balanced red — the color of late-summer berries.
• Espresso (#471400): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

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

• Hushed Indigo Thicket color palette (#CCE4EC, #6499CE, #645DB4, #7B2200, #372100)
• Washed Terrace color palette (#CFE9D8, #3DB4A7, #177A90, #6E0260, #400012)
• Soft Turquoise color palette (#CAE9E4, #15BBE4, #478ED2, #8A4F59, #5B2E18)
• Muted Lantern color palette (#C6E9DD, #AE95A7, #7C6A90, #70451B, #302A00)
• Dusty Petrol Grove color palette (#E0E3D2, #4FB296, #0F6BB5, #614700, #343A03)
• Soft Azure Pier color palette (#DAEFE7, #26A0DC, #944E00, #005276, #250F00)
• Aged Cocoa Meadow color palette (#E6F8E6, #BAD1C7, #9C869A, #806258, #5C3000)
• Hushed Terrace color palette (#E6E9FF, #78608E, #60314F, #292200, #040B00)

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