Weathered Petrol color palette — #D8F5F7 · #00788C · #004C64 · #001323 · #000104

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

The five colors

• Frost (#D8F5F7): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001323): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Shadow Denim Thicket color palette (#DAF6F8, #006477, #003C4E, #001B2C, #060418)
• Wandering Drift color palette (#CEE6D5, #008661, #004E42, #001F1E, #000102)
• Midnight Cobalt Workshop color palette (#C9E2FE, #3985CC, #003F72, #000B1C, #000103)
• Softworn Chestnut color palette (#D4ECFF, #0074A0, #824000, #002F44, #030100)
• Washed Mulberry Boulevard color palette (#DAEDFB, #005A88, #830041, #2C3700, #000103)
• Tempered Coast color palette (#E5F1FB, #9DAEDB, #927ACB, #005360, #000105)
• Obsidian Atelier color palette (#D5EDDC, #787635, #493A00, #1C0F00, #010100)
• Nightshade Balcony color palette (#D8E3EE, #386DD6, #2500AC, #170045, #020006)

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