Weathered Petrol color palette — #E1F3F2 · #87B8DA · #006CB3 · #004C63 · #142E50

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

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#87B8DA): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#006CB3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C63): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#142E50): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Patina Cobalt Studio color palette (#F6E3EA, #88BADB, #3869B7, #004B4F, #120E38)
• Ancient Petrol Archive color palette (#E6F1EF, #8ABAC9, #007681, #005049, #00343E)
• Tempered Cornflower color palette (#FAECDF, #90CDF4, #4B85E0, #006B71, #282754)
• Tempered Cerulean Bloom color palette (#EAF9F6, #88DEEB, #008EA7, #006666, #00475B)
• Muted Cerulean color palette (#D8E9E7, #4D9BB6, #00516E, #002F35, #001625)
• Softworn Periwinkle Terrace color palette (#EFF7F7, #D8DBEB, #749CCE, #48758D, #465367)
• Pale Delta color palette (#F9EAF0, #A8DAFD, #83A1F1, #00918D, #32244F)
• Tempered Jade color palette (#D5EFE0, #00A77E, #00715E, #004941, #003533)

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