Worn Petrol color palette — #E0FBFF · #85C9D2 · #488EB8 · #3767A2 · #3F4C6E
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E0FBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#85C9D2): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#488EB8): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3767A2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#3F4C6E): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Antique Lagoon Grove color palette (#D0F9F2, #90C8AA, #29978C, #006E7F, #434E6D)
- Softworn Denim Drift color palette (#EEF6FF, #B9D1F3, #6086BB, #2D4C84, #1E3456)
- Patina Petrol color palette (#ECF7FF, #85B8D1, #BA9055, #007DA6, #395639)
- Weathered Harbor color palette (#EBF7FF, #93AED7, #797FC2, #785093, #514765)
- Hushed Glacier Workshop color palette (#DCF6D3, #7CEBFF, #7BBBE9, #7A8DB8, #614856)
- Ancient Lagoon Workshop color palette (#EDF6FF, #DDD9E3, #E5BBD4, #4D968E, #495463)
- Hushed Chestnut color palette (#EDF9F1, #9CC1B7, #628B74, #785532, #354D4C)
- Gentle Market color palette (#C8E7F4, #6899D7, #5B5AC1, #5B2897, #4F214D)
Browse the whole catalog at Explore, or see today's palette.