Worn Petrol color palette — #E4F5FA · #5BACAC · #41779F · #4A4475 · #2C203E

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

The five colors

• Ivory (#E4F5FA): bright and airy, almost weightless.
• Turquoise (#5BACAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#41779F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#4A4475): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#2C203E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Aged Teal Summit color palette (#E5F5F7, #67AC98, #417B8C, #394A75, #042F23)
• Tempered Basalt Workshop color palette (#DBF8FE, #B2D4E0, #7994A5, #606576, #3D3D56)
• Sunlit Denim color palette (#D9F2FE, #008B9E, #325292, #471D5A, #001910)
• Washed Basin color palette (#E6F4FC, #009DBE, #546097, #304A00, #002520)
• Ancient Aubergine Canyon color palette (#E3F5FF, #0091B0, #3052B3, #550077, #330018)
• Washed Lagoon color palette (#E1F1F3, #3B9481, #284045, #132123, #070E0E)
• Pewter Meadow color palette (#ECF9F2, #7EBBD2, #798ABE, #845294, #61313E)
• Dusty Cocoa color palette (#E8F5F0, #98A36F, #3F806C, #713934, #122E17)

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