Softworn Petrol color palette — #E2F2F2 · #99B5D0 · #3669A7 · #004B68 · #112A5F
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2F2): bright and airy, almost weightless.
- Ash (#99B5D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3669A7): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#112A5F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Tempered Petrol Parlor color palette (#E5F2EF, #90B9C7, #007586, #00504C, #003441)
- Sapphire Alley color palette (#E2ECE1, #92B8DA, #4161CA, #004A53, #160E32)
- Softworn Cornflower Ridge color palette (#F4EDE6, #99CAF6, #597DEE, #006A77, #2D284B)
- Periwinkle Hollow color palette (#EBF1E0, #B0D8FF, #6EA6F2, #3288B3, #1D2C4F)
- Dusty Cerulean color palette (#E9F9F7, #A0D9E7, #008DB0, #00666B, #004660)
- Ancient Denim Alley color palette (#D8E9E8, #5E98B4, #004F75, #002E39, #001529)
- Faded Coast color palette (#F5F3FF, #F0B8E1, #D27DA1, #6F3E86, #3C3050)
- Softworn Mulberry Terrace color palette (#EEEEFF, #854FA8, #A42A3E, #005181, #2B113A)
Browse the whole catalog at Explore, or see today's palette.