Worn Petrol color palette — #F6EDE5 · #80BAD9 · #3669A8 · #004F51 · #232858

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

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Sky (#80BAD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3669A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#232858): A deep, shadowed, balanced 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

• Ancient Petrol Study color palette (#F9EBE5, #98BC9F, #007393, #00523C, #003054)
• Muted Petrol color palette (#E0ECEB, #98B8CF, #1A71A6, #004959, #00172E)
• Wandering Delta color palette (#FBF4ED, #A8CFC2, #5B76B3, #005E68, #383558)
• Patina Denim color palette (#F9ECE5, #459DB2, #004F75, #00302A, #001036)
• Hazy Periwinkle Grove color palette (#F5EBF0, #A5DCF9, #5BA7FF, #009091, #232954)
• Washed Workshop color palette (#FEF3EE, #CCE3D1, #5294B0, #2A705B, #285047)
• Mulberry Quarry color palette (#F6D5D3, #BA578B, #007A79, #840057, #003030)
• Aged Pewter Coast color palette (#FAF4EE, #C8EAEC, #AC8DAB, #57785C, #614B59)

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