Worn Petrol color palette — #EDF3F7 · #D6D4E4 · #B0B5D2 · #146C97 · #182229
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D6D4E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B0B5D2): A luminous, dusty violet — the color of wild irises.
- Peacock (#146C97): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#182229): a grounded near-black with real depth.
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
- Antique Petrol Orchard color palette (#F0F6FC, #D7D8E8, #A8B4C9, #3F688B, #343B42)
- Washed Pewter color palette (#F1F1FA, #E4D1DE, #CFB5D2, #825599, #242334)
- Patina Lapis Workshop color palette (#EFF2F9, #D1D1EC, #CA9ABB, #4D45BC, #13192A)
- Softworn Cerulean color palette (#EFF7F5, #E4D3D0, #AAA79D, #608FB8, #25312E)
- Softworn Drift color palette (#E0E9F1, #ABB3C4, #9684AC, #004676, #040B13)
- Hushed Study color palette (#D0E7F5, #8D9DCB, #886D92, #47582B, #043230)
- Dusty Mulberry color palette (#E9E7F1, #D0C8D6, #B599B3, #733C78, #161420)
- Cellar Ultramarine Meadow color palette (#E4ECFB, #3F5DB8, #2C1C3F, #040C1D, #000206)
Browse the whole catalog at Explore, or see today's palette.