Weathered Petrol color palette — #F1E5EA · #8CBAD8 · #3E6AAF · #004B4F · #120A3D

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F1E5EA): bright and airy, almost weightless.
• Sky (#8CBAD8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3E6AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#120A3D): 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

• Petrol Canyon color palette (#E6F1F0, #99B5CC, #006CAF, #004D62, #0C2E55)
• Antique Cobalt Parlor color palette (#EDF4EC, #B4CAE1, #6579B3, #005966, #221840)
• Timeworn Dune color palette (#F1E5ED, #7FC1C1, #00788E, #004E30, #001828)
• Patina Petrol Workshop color palette (#F8EFF2, #D9D0E2, #869DC1, #36767E, #2E354E)
• Hushed Denim Balcony color palette (#F7E5EF, #3D96B2, #004E7A, #002C28, #00001E)
• Misty Grape color palette (#D7F7EC, #809B21, #703BAA, #3E4E00, #1B0034)
• Hushed Workshop color palette (#C0F5E3, #ABDAC0, #2AB0B3, #7B6017, #001B18)
• Chalky Harbor color palette (#DBECE8, #5E8D22, #5F3289, #72004D, #050E00)

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