Softworn Petrol color palette — #E1EDE3 · #86B9E7 · #4369B0 · #00485B · #101132
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Sky (#86B9E7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4369B0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#00485B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#101132): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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 Thicket color palette (#F6EDE3, #8BB6DD, #4962B0, #004E59, #2E2553)
- Worn Petrol Loft color palette (#DFEEE2, #74C2CB, #007791, #004C42, #001826)
- Hushed Pier color palette (#ECF1E2, #9CD1C3, #5688C9, #00668D, #1B2C51)
- Denim Alley color palette (#D4E3D7, #4394BA, #004D7E, #002B30, #000316)
- Ancient Pier color palette (#FFF1F5, #D8DEFB, #768AE6, #00696B, #25123D)
- Powdered Studio color palette (#D5F8EF, #6AA121, #7631B1, #315100, #1C0032)
- Linen Terrace color palette (#DDF3D6, #317F00, #0057C1, #842430, #000E0C)
- Quiet Dune color palette (#C8F1E9, #75E2B5, #00BCBC, #565F1D, #001D1C)
Browse the whole catalog at Explore, or see today's palette.