Worn Petrol color palette — #E8F4FC · #D3D5E2 · #B1C1D5 · #0073A4 · #152734
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F4FC): a clean, paper-quiet neutral.
- Silver (#D3D5E2): bright and airy, almost weightless.
- Ash (#B1C1D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#152734): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Denim Parlor color palette (#E2EAF2, #C1CCDB, #9AA4B6, #19588C, #0D1721)
- Muted Petrol Boulevard color palette (#EDF8F3, #EBD9DE, #CCB4C1, #00749A, #29473B)
- Tempered Thicket color palette (#EFF6FB, #DADAE4, #C0B1AD, #269FCD, #233845)
- Timeworn Teal color palette (#E1F7F7, #61BBA0, #007C6F, #00575B, #00281E)
- Grape Atelier color palette (#F0F1FA, #D2D0EA, #ADA5CB, #6F3BA5, #17172F)
- Lowlit Sapphire Veranda color palette (#D1E2FA, #095AEE, #212648, #041022, #00030C)
- Washed Indigo color palette (#E9F3FF, #B1DEFF, #6EABFF, #6B6BF3, #0A1941)
- Aubergine Drift color palette (#E3E6F2, #9D9EAD, #7A7894, #3A236F, #020311)
Browse the whole catalog at Explore, or see today's palette.