Weathered Petrol color palette — #E9F1EC · #C8DDD6 · #C7AFC0 · #007F96 · #243229

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

The five colors

• Cream (#E9F1EC): bright and airy, almost weightless.
• Silver (#C8DDD6): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#C7AFC0): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#007F96): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#243229): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Cobalt color palette (#F3ECF2, #E2D3DA, #C8B0B5, #526FB0, #372835)
• Timeworn Petrol Study color palette (#E2EDE8, #CEBECB, #B99BA8, #006896, #0A251D)
• Cerulean Orchard color palette (#E9F1EC, #C0D9DB, #95C7CE, #419FC0, #23322A)
• Muted Cypress Corridor color palette (#EAE5CB, #87B188, #00856A, #045F72, #282C0B)
• Aged Field color palette (#EEF7F5, #DED4D1, #A7A293, #679B8F, #3C4B47)
• Aged Fern Boulevard color palette (#C4E8EF, #B699B8, #9B7183, #606036, #3E3C35)
• Hazy Courtyard color palette (#CCEAD9, #0095B7, #A52C6A, #573D00, #261F00)
• Charred Cobalt color palette (#C9ECE2, #0076C0, #2E2D54, #001B15, #000602)

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