Weathered Petrol color palette — #E9FBEC · #7DC4D4 · #00799D · #005651 · #003657

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

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7DC4D4): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003657): 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

• Hushed Sapphire Canyon color palette (#ECF9EE, #87BFE8, #026AD4, #005363, #1E2A6E)
• Onyx Boulevard color palette (#FEEBF9, #6ECBDF, #0078B6, #00543C, #0A0357)
• Tempered Alley color palette (#DCECDF, #61AAC0, #005F84, #003E3D, #00203D)
• Powdered Sky Meadow color palette (#FCF4E8, #8EEAFE, #00BBF1, #009890, #003657)
• Azure Cabin color palette (#FFF2EC, #96D7E5, #0095DE, #007654, #1C2A6F)
• Tempered Delta color palette (#F1F7F2, #C7E0F2, #5A90BD, #226E76, #344869)
• Tempered Navy Lantern color palette (#D8E8DB, #5188A7, #003E6E, #002127, #000030)
• Raspberry Summit color palette (#FAD9EB, #C40091, #6E6600, #005B74, #430430)

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