Weathered Petrol Harbor color palette — #F0E7DA · #78A9C2 · #006BAC · #004950 · #000F3A

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

The five colors

• Parchment (#F0E7DA): bright and airy, almost weightless.
• Blue Fog (#78A9C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Petrol Harbor 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 Petrol color palette (#E7DFD4, #69AFB2, #007385, #004C3D, #001721)
• Gentle Courtyard color palette (#F2EADC, #8CBDB0, #4370CC, #00566C, #181748)
• Muted Petrol color palette (#E0F4E4, #68C3EE, #006BAD, #003D43, #00020F)
• Weathered Lilac color palette (#E2F1EC, #9BB4E6, #A67AE6, #006074, #001937)
• Navy Villa color palette (#EFE4DD, #5F98B4, #00429E, #00302B, #15053A)
• Worn Basin color palette (#EEDAE3, #5FBDE6, #3781E7, #006E62, #14043C)
• Cerulean Field color palette (#D3EDEE, #0087A1, #005A78, #003450, #001434)
• Cobalt Harbor color palette (#DCE9F6, #3D8CDB, #005A9E, #00294D, #00030A)

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