Worn Petrol Pier color palette — #D9EAE7 · #008492 · #006986 · #003F68 · #000A25

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D9EAE7): bright and airy, almost weightless.
• Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006986): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000A25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Feathered Nightshade color palette (#D3ECEF, #0083A3, #0065A4, #002DA8, #07002E)
• Muted Cornflower color palette (#D4E7FB, #378FE0, #0068A0, #00365A, #000205)
• Pine Market color palette (#DAE7D7, #008E57, #006F5C, #004847, #000A0E)
• Bronze Studio color palette (#E1F3FF, #008AB5, #A75A00, #005D7B, #0D0400)
• Denim Corridor color palette (#C4F2ED, #005C67, #002F3F, #001021, #000107)
• Linen Lilac color palette (#D9EFFF, #B49ED2, #AC7AD6, #007679, #000A27)
• Ultramarine Parlor color palette (#D1E7F6, #1974D2, #373FDA, #4900A5, #0D0019)
• Muted Sapphire color palette (#C4E8EC, #00BCEA, #0093EB, #3859E5, #271F5A)

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