Weathered Petrol color palette — #E7F6EF · #78BEDE · #CC8877 · #197CA1 · #362F2C

Built around Cerulean, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sky (#78BEDE): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#CC8877): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#197CA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#362F2C): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged 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 Meadow color palette (#FAEDF6, #A3B0E5, #AC9B69, #626EA3, #34312A)
• Cypress Lagoon color palette (#ECF5E6, #78C4B2, #C2899C, #1C8370, #482623)
• Tempered Station color palette (#EDF8F3, #8EBCA7, #B586B6, #007EA4, #684047)
• Weathered Balcony color palette (#ECF7FD, #8FCFE5, #DCA37D, #009CBE, #624252)
• Timeworn Turquoise Hollow color palette (#DFF9EE, #5DA6CD, #B67E62, #9E6B41, #172C24)
• Periwinkle Villa color palette (#FDEBFF, #5AACFF, #BD6700, #005191, #341800)
• Washed Petrol Alley color palette (#F7EFF5, #D5C09C, #506088, #40273C, #191117)
• Wandering Denim color palette (#D5FCEC, #A2CEF2, #5690B2, #165474, #001F2F)

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