Weathered Petrol color palette — #EEE8DF · #88BCD0 · #0B73A4 · #004B4D · #001631

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

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Ash (#88BCD0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0B73A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001631): 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

• Petrol Hollow color palette (#F5EBF1, #90B7CF, #296AAD, #005143, #272658)
• Washed Bloom color palette (#F8F1E5, #ACD1C2, #4C80B2, #005A65, #0F1E41)
• Weathered Denim Workshop color palette (#F2ECE3, #78A1C5, #2454A4, #003745, #060030)
• Navy Lagoon color palette (#E8DECF, #4C7EA1, #003A76, #001E25, #00000C)
• Aged Cypress color palette (#F6F1EA, #C8E2E2, #77A89A, #34767D, #422F41)
• Teal Villa color palette (#C7EAE5, #00AF97, #00645B, #002C27, #000907)
• Dusty Meadow color palette (#E0F3D5, #75DCDA, #61A2C5, #336B3F, #0C1F05)
• Pale Grape color palette (#D4E6E0, #007D66, #6644AF, #763900, #000E0A)

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