Softworn Petrol color palette — #DEECEC · #8EB9DA · #236EB1 · #00485F · #001437
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEECEC): bright and airy, almost weightless.
- Sky (#8EB9DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#236EB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001437): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Atelier color palette (#DEEDEA, #78C2C5, #007986, #004C46, #001A20)
- Worn Canyon color palette (#F6EDE5, #93BBAE, #4265AE, #004F56, #2B2556)
- Weathered Cobalt color palette (#EDF0E5, #9ECAEB, #468BCA, #006786, #102D55)
- Antique Denim Grove color palette (#E2F4F2, #4B94B1, #00506F, #002B32, #00050C)
- Dusty Harbor color palette (#DBE9DB, #9C8250, #734C00, #492800, #140D00)
- Plum Study color palette (#FFE6E7, #C02147, #7B5700, #642A8B, #1D0004)
- Softworn Garden color palette (#FADEF7, #F5B7AC, #C98860, #8E495A, #340D09)
- Soft Pier color palette (#EFDAE6, #BE538A, #9E0A5B, #6B0030, #36000F)
Browse the whole catalog at Explore, or see today's palette.