Worn Petrol Market color palette — #E1F3F2 · #94B5D5 · #356AA5 · #004C67 · #102B5C

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Ash (#94B5D5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#356AA5): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#102B5C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Petrol Market 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

• Washed Petrol color palette (#E6F1EF, #8EB9C8, #007584, #00504B, #003440)
• Aged Cobalt Parlor color palette (#F1E6E9, #95B7D7, #4867B3, #004A52, #170540)
• Patina Cobalt Harbor color palette (#F7EDE3, #A5CFC2, #6683CB, #006A76, #2D2652)
• Periwinkle Workshop color palette (#ECF0E5, #B0D8FB, #5DA7FD, #008AB9, #162C56)
• Softworn Cerulean Grove color palette (#E8FAF7, #8DDCED, #008DAD, #006669, #00465E)
• Patina Denim color palette (#CFEAE8, #5999B6, #004F74, #002E38, #001528)
• Chalky Moss Chapel color palette (#C6E6DE, #5F9006, #007598, #355300, #002E3E)
• Hazy Orchard color palette (#D6ECCE, #387E00, #006B72, #6B4300, #0C2600)

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