Worn Petrol Pier color palette — #D9E9F6 · #0072AA · #5A6100 · #00415B · #000C18

Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D9E9F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#5A6100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00415B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C18): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Indigo Balcony color palette (#E2E9FC, #6B67C4, #007662, #3D3979, #080E24)
• Lapis Canyon color palette (#E2EAFF, #6035FF, #006A5D, #00463D, #080327)
• Ancient Lapis color palette (#D6E0F8, #584DFF, #644600, #003047, #00101B)
• Byzantium Study color palette (#EDE9FD, #AC00B4, #5F5F00, #00444B, #180019)
• Byzantium Canyon color palette (#ECEDFF, #A237F1, #005C1E, #003A76, #120220)
• Weathered Moss color palette (#EBF3FB, #629ACC, #748D47, #316483, #172431)
• Feathered Peony Corridor color palette (#F7EEFF, #BC6592, #008970, #4C4986, #1F1527)
• Airy Grape Balcony color palette (#E4E6F5, #6900BD, #004F49, #310066, #020011)

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