Petrol Pier color palette — #D4F3F6 · #006C80 · #003A5A · #001332 · #040021

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

The five colors

• Frost (#D4F3F6): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006C80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003A5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001332): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#040021): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged dark, 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

• Denim Pier color palette (#DFEEF5, #005572, #00344E, #001325, #000104)
• Denim Veranda color palette (#C8E9DC, #00577F, #503A00, #002337, #0A0500)
• Ultramarine Pier color palette (#DEEAFB, #2C5CCE, #00275E, #00022C, #000108)
• Aged Mulberry color palette (#CDF5EA, #8387BC, #904486, #003A41, #000720)
• Smoked Alley color palette (#D2FAEC, #004466, #532500, #282500, #000204)
• Eclipse Delta color palette (#DAF1FF, #005CB0, #1E00A3, #1A0041, #13000E)
• Moonless Corridor color palette (#EEE5CE, #4B6400, #312C00, #1A0E00, #030400)
• Ancient Grape color palette (#DCEDFC, #3B66DD, #4800D2, #3E0075, #2F0237)

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