Weathered Petrol color palette — #EEF3EF · #D6DBEF · #809EC5 · #00788C · #2A364C

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

The five colors

• Cream (#EEF3EF): a clean, paper-quiet neutral.
• Silver (#D6DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#809EC5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A364C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Weathered Denim Harbor color palette (#E7F0E9, #80A1BA, #005A9D, #003840, #000034)
• Petrol Villa color palette (#E4EBE5, #84BECB, #007699, #004C47, #00182A)
• Tempered Periwinkle Basin color palette (#F9F4EF, #CAE7E9, #8298CE, #317C79, #624B55)
• Softworn Terrace color palette (#EAF5EC, #ACD8E7, #0092AD, #006454, #00293A)
• Softworn Drift color palette (#E2EEE4, #3E8682, #00444B, #002015, #000202)
• Ancient Cobalt Station color palette (#F9EDFB, #C88890, #79995A, #497CB1, #312133)
• Timeworn Dune color palette (#FAF3F6, #D8D4DF, #B6CBFE, #49A29F, #474B65)
• Tempered Loft color palette (#F7EEFA, #DBA0AE, #49AFAA, #A6536A, #003937)

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