Worn Petrol color palette — #F7EDE2 · #7DB7EA · #5561A8 · #004F52 · #342548

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EDE2): bright and airy, almost weightless.
• Sky (#7DB7EA): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5561A8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#342548): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Softworn Petrol Quarry color palette (#F8ECE7, #71C0C7, #00719A, #00532E, #182D51)
• Patina Lantern color palette (#DEECEC, #99B7D5, #2D6ABA, #004764, #02103E)
• Dusty Market color palette (#ECF1E4, #9EC9F2, #5988C5, #00668C, #152B5A)
• Gentle Ridge color palette (#FEF2EC, #7FDFF2, #0087C9, #00694B, #2F3D69)
• Blush Ridge color palette (#C6FBEB, #C6C5FF, #D882AC, #006966, #3F293D)
• Hazy Periwinkle color palette (#F6EBEF, #B6D7F7, #87A1E9, #008EA0, #2F225A)
• Patina Courtyard color palette (#F6E5D8, #3B9BC2, #004597, #00302A, #14043D)
• Sunlit Cobalt color palette (#CCE5FC, #0070B5, #755A00, #424E0E, #00213B)

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