Weathered Petrol color palette — #F0E8DB · #85BBDD · #3A6EA5 · #004A55 · #05103C

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Sky (#85BBDD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3A6EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#05103C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Weathered Petrol Canyon color palette (#F0E8DC, #9ABDA4, #007695, #004C45, #001828)
• Dusty Sapphire Garden color palette (#F6EBF0, #91B6D4, #4363B4, #00504D, #321F5A)
• Cobalt Delta color palette (#F7F1E8, #ACD0C6, #597ABC, #00586F, #1A1C3D)
• Weathered Teal Basin color palette (#EBE4D8, #55ACB0, #006373, #003B2F, #000D14)
• Weathered Emerald color palette (#D2E6D6, #00A267, #006B59, #003D39, #001D1F)
• Ash Corridor color palette (#F5F1EA, #C6E4E8, #859EC3, #4E755F, #432E3E)
• Aged Lagoon Canyon color palette (#F5EBDD, #3C8685, #00444C, #002016, #000202)
• Cypress Archive color palette (#DAF2D5, #8CDCEF, #6FA8DB, #107655, #001E07)

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