Worn Petrol color palette — #ECF3F9 · #D5D5DF · #ABB8CD · #2A699C · #18212B
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D5D5DF): a clean, paper-quiet neutral.
- Ash (#ABB8CD): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#2A699C): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#18212B): 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
- Patina Petrol color palette (#EEF8F4, #E6D7DA, #C0ADB5, #3C6987, #2F3E39)
- Aged Balcony color palette (#EEF1FD, #D0D2E6, #B9A1C7, #5F45A9, #15182B)
- Aged Cerulean Drift color palette (#F0F6FB, #DBD9E3, #BFAFA9, #4792C0, #282F35)
- Navy Loft color palette (#DCE3ED, #ABB4C2, #7E8DB2, #003E90, #040B16)
- Ultramarine Alley color palette (#DAE5FB, #4959BA, #1B2242, #050C1D, #010205)
- Dusty Pewter color palette (#D9DFF8, #AF9CC7, #906592, #6E3C37, #3D2332)
- Softworn Cabin color palette (#EAF2FF, #A7D5FF, #88A8FF, #846FD7, #0B1633)
- Nightshade Terrace color palette (#F6E2F6, #6C85D4, #5F45A8, #690C32, #0D1630)
Browse the whole catalog at Explore, or see today's palette.