Weathered Petrol color palette — #DFECEB · #95B8D2 · #0071AD · #00495A · #00162F

Built around Slate, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Ash (#95B8D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Petrol color palette (#F7ECE4, #82B9D9, #2B68B5, #004F51, #262952)
• Washed Station color palette (#DBECFF, #B3CDFF, #979AD7, #006791, #071D3E)
• Antique Chapel color palette (#EDF0E4, #91CDF0, #238DD2, #006881, #0F2F50)
• Patina Workshop color palette (#DFF2EE, #64AAAB, #00646D, #003A34, #000D11)
• Denim Alley color palette (#E5F1FF, #6099DC, #00579D, #002950, #00040D)
• Olive Alley color palette (#D3E9FA, #0189C1, #2E7F02, #004C6E, #041700)
• Washed Station color palette (#D9EFFF, #00759E, #6B42AD, #005B41, #000D15)
• Timeworn Courtyard color palette (#DDEDE9, #4F818D, #004547, #00201A, #000202)

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