Petrol Pier color palette — #ECE4D8 · #6EACBF · #006F9A · #004A49 · #00152A

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

The five colors

• Parchment (#ECE4D8): bright and airy, almost weightless.
• Blue Fog (#6EACBF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Thicket color palette (#F7EFE2, #5EA09D, #00646E, #003D2C, #000B11)
• Hazy Ultramarine Alley color palette (#E5DED2, #7EA6CC, #285EC9, #004759, #0E0244)
• Softworn Petrol color palette (#E3F3E6, #60C6E3, #00709B, #003E3D, #000308)
• Timeworn Hollow color palette (#EDE0D9, #6F9B83, #004B85, #003127, #0F0440)
• Linen Cobalt Market color palette (#EBDEE6, #54C0DC, #0088DB, #006F56, #0B0C38)
• Antique Cerulean color palette (#F3EEE5, #A8CFB5, #2A92BA, #006C67, #003150)
• Turquoise Terrace color palette (#FBF4E9, #99EBF2, #26ACCB, #008472, #004661)
• Soft Denim color palette (#F6D7E5, #C098DE, #BF6D9A, #3A5097, #270C3C)

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