Petrol Harbor color palette — #D4E3EA · #9B9FB5 · #8A83A6 · #006F81 · #020B10

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D4E3EA): a clean, paper-quiet neutral.
• Blue Fog (#9B9FB5): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8A83A6): A luminous, dusty violet — the color of wild irises.
• Teal (#006F81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#020B10): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Harbor 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

• Aged Abyss color palette (#DFEFE6, #94ABA1, #659185, #004D62, #010C06)
• Cobalt Dune color palette (#EAEFFD, #BDAAC4, #AB8DA4, #6669AE, #0F1320)
• Onyx Studio color palette (#E6F1EA, #7F938B, #766476, #002F3B, #000201)
• Abyss Dune color palette (#E6F0E9, #ABC0BA, #A58897, #00444E, #000201)
• Hushed Alley color palette (#D2F3F6, #618ABD, #795F95, #4A4512, #121500)
• Ultramarine Alley color palette (#F4E0CB, #0088A0, #3E47BD, #533200, #000408)
• Mulberry Basin color palette (#DCF3FD, #00818F, #8E028B, #433500, #020200)
• Cerulean Chapel color palette (#E5F0F9, #D3D0E5, #BDB4C7, #5E9ABF, #22303A)

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