Worn Petrol color palette — #F0E5EC · #7EBED5 · #2F70A1 · #004C46 · #071235

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

The five colors

• Blush (#F0E5EC): a clean, paper-quiet neutral.
• Sky (#7EBED5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2F70A1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#071235): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Coast color palette (#E3F2F0, #82BBCF, #007297, #004E57, #00324B)
• Antique Denim Alley color palette (#EBD9DF, #79A1C2, #3252A2, #00383F, #0C002B)
• Aged Cobalt color palette (#F6ECE6, #95CEE3, #348DCE, #006D65, #192A5A)
• Weathered Boulevard color palette (#F7EFF3, #D6D1E4, #839FBD, #2F7875, #2A364D)
• Wandering Denim Dune color palette (#E7DAE4, #55969D, #00516A, #002D20, #00040D)
• Misty Lapis Veranda color palette (#D3E7DD, #898300, #6358C2, #4C4900, #11033A)
• Hushed Navy color palette (#F1E1E7, #4E7E9E, #003484, #001F21, #01000A)
• Chestnut Chapel color palette (#D5FAE6, #A8D19D, #3EADA7, #7D5303, #00241C)

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