Softworn Petrol color palette — #EDF2F7 · #D7D4DF · #B7B4C7 · #126AA2 · #17222C
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF2F7): a clean, paper-quiet neutral.
- Silver (#D7D4DF): bright and airy, almost weightless.
- Ash (#B7B4C7): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#126AA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#17222C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Softworn 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 Terrace color palette (#F0F6FD, #D9D7E3, #ACB2CA, #386795, #353B42)
- Cerulean Balcony color palette (#EFF7F5, #E1D4D0, #A6A79B, #578EC6, #21332E)
- Abyss Bloom color palette (#D4F6FE, #8DABC7, #76688E, #00563D, #073337)
- Grape Balcony color palette (#EFF1FB, #D4D1E2, #B8A3BE, #5D34C8, #13182D)
- Muted Navy color palette (#E0E6ED, #AFB2C2, #9089A2, #004383, #030B16)
- Weathered Byzantium Canyon color palette (#F2F1F9, #E0D2D9, #D3B5C9, #983CAA, #252232)
- Antique Corridor color palette (#EAE8EF, #D1C8D3, #B79AAA, #7D3377, #181322)
- Feathered Harbor color palette (#CCF3EB, #269BA4, #4D519E, #194400, #001B28)
Browse the whole catalog at Explore, or see today's palette.