Wandering Petrol Pier color palette — #D0F2E6 · #006798 · #3B3D47 · #1B2044 · #000D08

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D0F2E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006798): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3B3D47): quiet, heavy and certain.
• Midnight (#1B2044): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Wandering 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 Boulevard color palette (#DEF0DC, #006F6C, #434C56, #002837, #010D00)
• Wandering Cobalt color palette (#DDEEE8, #0081C2, #1E4270, #00241B, #000201)
• Nocturne Ultramarine Market color palette (#F2E6F2, #005CBF, #261B45, #120313, #000201)
• Cobalt Loft color palette (#F8ECE6, #94BDA0, #007FAC, #005B4A, #001F42)
• Wandering Iris color palette (#FAEEF5, #9394D4, #655256, #3F343B, #251F26)
• Indigo Veranda color palette (#F7E2F2, #4D5EFF, #432B57, #111737, #000A07)
• Muted Bloom color palette (#E6E1D0, #75A064, #00734F, #004E59, #082100)
• Orchid Orchard color palette (#FFE4E8, #B552B6, #553731, #2E1C1F, #130A0E)

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