Weathered Petrol color palette — #E7F6EF · #89BBD3 · #CD8870 · #007DA3 · #362F2C

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

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sky (#89BBD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#CD8870): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#007DA3): 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

• Cypress Orchard color palette (#EEF4E8, #8AC1AE, #CB868E, #00856A, #4A251B)
• Tempered Cobalt color palette (#F9EEF6, #A4B1E2, #AC9C5B, #5B6BB8, #34312A)
• Apricot Station color palette (#ECF7FE, #88D0EA, #E69E6F, #319AB9, #5F4451)
• Muted Chapel color palette (#EAFAF1, #78BBD4, #89A459, #237E9A, #4E4D46)
• Bronze Lagoon color palette (#FAEDFB, #7D9FC9, #B77988, #9C6F00, #302230)
• Azure Field color palette (#D8FBF0, #2BA1ED, #AB7800, #006095, #2D1D00)
• Teal Cabin color palette (#E8F6F0, #E9D1CD, #E4B0B9, #54A2A1, #433445)
• Washed Denim Station color palette (#F8EEF6, #D4C19F, #506089, #222F53, #191018)

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