Weathered Petrol color palette — #E2EEE3 · #1A9392 · #5867A6 · #6A3E19 · #1D0C00

Slate takes the lead with Cerulean close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Honeydew (#E2EEE3): bright and airy, almost weightless.
• Cerulean (#1A9392): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5867A6): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6A3E19): A full-bodied, dusty gold — the color of honey in a jar.
• Ink (#1D0C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Muted Balcony color palette (#E9DFC1, #489B77, #2E6E86, #693F4A, #2B0010)
• Cobalt Courtyard color palette (#CDF5F3, #4785C3, #805E8B, #504C00, #121000)
• Cerulean Grove color palette (#C4EAE5, #008BA8, #32527C, #4F232C, #250700)
• Chestnut Hollow color palette (#D7EBF2, #007B9A, #835F00, #4F5401, #000203)
• Softworn Azure Orchard color palette (#C7E7DC, #2A9ADC, #974200, #005A87, #0F0300)
• Periwinkle Canyon color palette (#C1EBEA, #7CABE0, #987597, #705E36, #302200)
• Powdered Cobalt Delta color palette (#F6E8DD, #65ABCA, #3072CF, #005E54, #0A0028)
• Deep Abyss color palette (#D5E9D1, #366A5E, #003E53, #2A0800, #050300)

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