Worn Petrol color palette — #EFF6FA · #D5D9E6 · #A4B5CB · #007085 · #323C42

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D5D9E6): bright and airy, almost weightless.
• Ash (#A4B5CB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007085): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323C42): quiet, heavy and certain.

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

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 Cypress color palette (#EAF4F8, #D2D5E5, #AEB7CD, #2D6F78, #152328)
• Denim Canyon color palette (#F0F6FD, #C9D2EB, #AD9EC7, #2756A9, #293443)
• Dusty Cerulean color palette (#EFF8F1, #C7DFE3, #D4C1CC, #3E8D99, #333E36)
• Ancient Boulevard color palette (#F2F5FB, #DCD8E0, #BAA7A6, #7282A1, #505358)
• Ancient Abyss Pier color palette (#E3ECF2, #ADBBC8, #7D8FAD, #004C64, #11212B)
• Wandering Cabin color palette (#E7FAF5, #7FA685, #007556, #1F5261, #123D3A)
• Lowlit Corridor color palette (#D5E2EF, #0068A5, #18224A, #021526, #03050A)
• Navy Cabin color palette (#E1E4EB, #9798A8, #726B8A, #271966, #050817)

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